Difference between revisions of "D7 Themes"
Jump to navigation
Jump to search
(→Sasson) |
|||
Line 9: | Line 9: | ||
== Sasson == | == Sasson == | ||
* http://drupal.org/project/sasson - HTML5, responsive (content first), semantic grid (SASS/SCSS), CSS reset (normalize) | * http://drupal.org/project/sasson - HTML5, responsive (content first), semantic grid (SASS/SCSS), CSS reset (normalize) | ||
+ | ** v2 uses [https://github.com/MarcWeber/phamlp phamlp] fork which bundles older Compass. | ||
** v3 uses Ruby Sass | ** v3 uses Ruby Sass | ||
− | + | === Subthemes === | |
+ | drush sns [name] | ||
+ | generate a subtheme | ||
− | + | Use this Drush command to initalise a Sasson subtheme. Creates in sites/all, rather than respecting current path site context. | |
− | Use this Drush command to initalise a Sasson subtheme. | ||
− | |||
+ | === v2 === | ||
sasson.info calls (to recheck) | sasson.info calls (to recheck) | ||
* [http://drupalcode.org/project/sasson.git/blob/refs/heads/7.x-2.x:/styles/boilerplate.css sasson/styles/boilerplate.css] - h5bp.com/css | * [http://drupalcode.org/project/sasson.git/blob/refs/heads/7.x-2.x:/styles/boilerplate.css sasson/styles/boilerplate.css] - h5bp.com/css | ||
Line 22: | Line 24: | ||
** @imports "css3", "960/grid", @import "base"; | ** @imports "css3", "960/grid", @import "base"; | ||
** https://github.com/nextmat/compass-960-plugin/blob/master/stylesheets/960/_grid.sass | ** https://github.com/nextmat/compass-960-plugin/blob/master/stylesheets/960/_grid.sass | ||
+ | |||
+ | * sasson/styles/layout/desktop-first/sasson-base.scss sets .page as 960px. for a 100% wrapper, add a div in subtheme/templates/page.tpl.php | ||
@import "compass/css3"; // CSS3 mixins (http://compass-style.org/reference/compass/css3/) | @import "compass/css3"; // CSS3 mixins (http://compass-style.org/reference/compass/css3/) | ||
// @import "partials/mixins"; // Theme partial mixins (check your /partials directory) | // @import "partials/mixins"; // Theme partial mixins (check your /partials directory) | ||
− | === | + | === v3 === |
− | * | + | * http://drupal.org/node/1737170 |
== Omega== | == Omega== |
Revision as of 01:46, 23 August 2012
Zentropy
- http://drupal.org/project/zentropy - good but no sass
Basic
Sasson
- http://drupal.org/project/sasson - HTML5, responsive (content first), semantic grid (SASS/SCSS), CSS reset (normalize)
- v2 uses phamlp fork which bundles older Compass.
- v3 uses Ruby Sass
Subthemes
drush sns [name] generate a subtheme
Use this Drush command to initalise a Sasson subtheme. Creates in sites/all, rather than respecting current path site context.
v2
sasson.info calls (to recheck)
- sasson/styles/boilerplate.css - h5bp.com/css
- sasson/styles/sasson.scss (.info call is to the processed .css, natch)
- @imports "css3", "960/grid", @import "base";
- https://github.com/nextmat/compass-960-plugin/blob/master/stylesheets/960/_grid.sass
- sasson/styles/layout/desktop-first/sasson-base.scss sets .page as 960px. for a 100% wrapper, add a div in subtheme/templates/page.tpl.php
@import "compass/css3"; // CSS3 mixins (http://compass-style.org/reference/compass/css3/) // @import "partials/mixins"; // Theme partial mixins (check your /partials directory)
v3
Omega
Other
Lost a lot of theme info when old wiki crashed. Tod; rebuild up interesting theme list.