Posted by barraponto on October 7, 2010 at 6:36pm
I have written a Sass base file with variables and mixins meant to ease the override of Zen layout-fixed.css
http://gist.github.com/614645
It provides variables like $zen-content-position, which controls whether the content comes before the two sidebars, in the middle of the sidebars or after them. other variables control sidebars and content width, and navigation height.
The idea behind this sass file is making Zen easier to manipulate without editing any of the provided css files.
Comments
I've had the intention of
I've had the intention of doing all of that ever since I started using Sass. Looks great!
update
i have just updated the gist. i would love to turn it into a compass extension, if anyone has experience with that, i would really apreciate it.
just released version 0.1.0 of the compass plugin
got time on my hands and spent it developing the plugin. it has just started but you can now install it to your machine with
gem install compass-drupal-pluginalthough it is called compass DRUPAL plugin, it only supports Zen right now (i want to support other base themes as well). what it does is install a stylesheet called $yourtheme.scss in your css folder, which has some variables and some mixins that speeds zen development. to try it out, go to sites/all/themes (or wherever your themes are), and run
compass create --require drupal --using drupal/zen $yourtheme --css-dir css --javascripts-dir js --relative-assetsthe dir declarations are meant to map compass css/js folders to zen folders. relative assets are needed since drupal doesn't place theme files at its top level directory (like rails does). if there is already a zen subtheme there (from the automated zen script, for example), then you have to comment the layout-liquid/layout-fixed stylesheet from $yourtheme.info and add $yourtheme.css.
compass init cannot be used because compass doesn't pass it the project name (since it doesn't know, compass init doesn't create a project).
0.2.3.beta
I've installed the latest github release of compass-drupal-plugin, created a zen (D7) subtheme using drush (drush zen "themename") and then ran the compass create --require drupal command specified above. I then added the new css file that got created "themename.css" to Zen's .info file..
Is the next step to comment out pre-existing css files?
example theme?
any way you could provide a semi-themed tar.gz example theme so it would be easier to get a handle on how to approach theming with this setup?
Would it be suggested to also integrate John Albin's scss files (from the 7.x-5.x release) into this theming workflow?