Last updated February 27, 2014. Created on August 13, 2012.
Edited by Christopher James Francis Rodgers, JohnAlbin. Log in to edit this page.

The stylesheets in Zen 7.x-5.2 and later are organized according to the SMACSS categorization technique.

For a full documentation about SMACSS see the SMACSS website. It's pretty awesome. (The book is pretty sweet too.)

Looking for support? Visit the Drupal.org forums, or join #drupal-support in IRC.

Comments

amorales@drupal.org.es’s picture

Since 7.x-5.4 there are major changes on the structure of css files. And first time I tried to use this version I felt completely lost.

So here there are some links that could help other newbees in smacss like me :)

Presentation of SMACSS - Drupal Theming with modular CSS
http://www2.jbsinternational.com/dc/presentations/smacss/index.htm

CSS architecture (for Drupal 8)
https://drupal.org/node/1887918

Applying SMACSS to Drupal
http://atendesigngroup.com/blog/applying-smacss-drupal

From Zen issues: Lost in 7.x-5.4...one simple question.
https://drupal.org/node/2087061

Alberto Morales
www.emagina.es

Strae’s picture

Thanks, this is my first time using Zen (7.x.5.4) and I got a bit confused when I noticed the structure is pretty different from the one described in the documentation.

You HAVE to assume your visitor is a maniac serial killer, out to destroy your application. And you have to prevent it.

meikidrupal’s picture

Hi,
am relatively new to drupal
downloaded zen-7.x-5.4.zip.
there are no stylesheets for the different elements included as before in zen/zen-internals/css like blocks.css, pages.css, navigation css etc.

does one have to take them from an earlier version ?

Thanks for info / clarifying, Michael