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 forums, or join #drupal-support in IRC.

Comments’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

CSS architecture (for Drupal 8)

Applying SMACSS to Drupal

From Zen issues: Lost in simple question.

Alberto Morales

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

am relatively new to drupal
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