D7 Themes
Jump to navigation
Jump to search
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
Automatic refresh feature: make sure GUI watch file is compiled .css, i.e., sites/example.org/files/sasson/webnetres/stylesheets/subtheme.css
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
- http://drupalcode.org/project/sasson.git/tree/refs/heads/7.x-3.x
- http://drupalcode.org/project/sasson.git/blob/refs/heads/7.x-3.x:/stylesheets/grid/_gridy.scss
- http://drupal.org/node/1737170
$grid-width: 960px !default; $columns: 16 !default; $gutter-width: 20px !default; $flow: left !default; $opos: opposite-position($flow); $box-sizing: border-box; $box-sizing-polyfill-path: "" !default; $ie7-support: false !default; @include container @include nested-container @include grid($column-span, $column-position: false, $parent-columns: false) @include row @include unrow @include grid-cell @include gridy-background
Omega
Other
Lost a lot of theme info when old wiki crashed. Tod; rebuild up interesting theme list.