A CSS preprocessor, like SASS, allows for increased productivity and reusability in front-end development.
All CSS files now have SASS versions of them. When building a new Zen sub-theme, developers should use either the CSS files or the SASS files.
When developing with the SASS files, the developer will need to use utilities to "compile" the SASS files into CSS files. When that happens, all CSS files in the sub-theme will be over-ridden. You cannot make manual changes to the CSS files since future compilations of the SASS files will over-write them.
There are several utilities for compiling SASS files:
- command line "compass" utility. Can be installed on a UNIX or Mac OS X with: sudo gem install compass
- Compass.app from http://compass.handlino.com/
- CodeKit from http://incident57.com/codekit/
Upgrading from 7.x-3.1
If you have already completed your sub-theme, you don't need to add SASS versions of those files to your sub-theme.
If you are still developing your sub-theme and would like to convert to using SASS, you will need to manually move your styles from the CSS files to the SASS files before you ever compile the SASS files (see note above about SASS compilation.) Its highly recommended that you track all changes with a version control system like Git, so that you don't lose any work.
