Difference between revisions of "D7 Themes"

From Things and Stuff Wiki
Jump to navigation Jump to search
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
  
Currently uses this [https://github.com/MarcWeber/phamlp phamlp] fork which bundles Compass. This might change if Sasson switches to [https://github.com/richthegeek/phamlp this] fork.
+
=== Subthemes ===
 +
drush sns [name]
 +
  generate a subtheme
  
=== Subthemes ===
+
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. N.b.; Creates in sites/all, rather than respecting current path site context.
 
<code>drush sns [name]</code> - generate a subtheme. ff does this auto if theme is sasson.
 
  
 +
=== 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)
  
=== Layout ===
+
=== v3 ===
* 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
+
* http://drupal.org/node/1737170
  
 
== Omega==
 
== Omega==

Revision as of 01:46, 23 August 2012


Zentropy

Basic

Sasson

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/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.