Difference between revisions of "D7 Themes"

From Things and Stuff Wiki
Jump to navigation Jump to search
Line 1: Line 1:
 
{{techy}}
 
{{techy}}
 +
 +
* [http://drewish.com/tools/vertical-rhythm CSS with vertical rhythm] - drewish.com
 +
* [http://lamb.cc/typograph/ Scale & Rhythm]
  
 
== Themes ==
 
== Themes ==

Revision as of 06:16, 12 February 2012


Themes

Sasson

Currently uses this phamlp fork which bundles Compass. This might change if Sasson switches to this fork.

drush sns [name] - generate a subtheme. ff does this auto if theme is sasson.

sasson.info calls

Notes

  • 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

Grid

@import "css3";
@import "960/grid";
@import "base";

$ninesixty-columns: 16;
@include grid(8); - declare an 8 column wide element
@include grid-prefix(2); - add an empty 2-wide element before
@include grid-suffix(2); - add an empty 2-wide element after
@include grid-push(4); - push element 4 to the right
@include grid-pull(4); - pull element 4 to the right
@include alpha; - remove left gutter, for nested grid first element. must got after grid()
@include omega; - remove right gutter, for nested grid last element. must got after grid()

Future