Formatting
When formatting your CSS files, please list the rules in alphabetical order for ease of searching. If you have a large CSS file, it is acceptable to break it into sections:
- Main Body Styles
- Header
- Navigation
- Content
- Footer
- Miscellaneous
Here is a template to start from for a sectioned CSS file:
https://gist.github.com/ericjuden/5453612
Minification
Minification is an important step for CSS that reduces the file size for the web server. It is recommended to have a development CSS file and a production CSS file. The development CSS file will be easier to work with in a development environment and the production CSS file will be minified to reduce file size. You can use CSS Minifier to create a production CSS file.
Sass (Syntactically Awesome Stylesheets)
Sass is an extension of CSS3, adding nested rules, variables, mixins,selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
We are currently in the process of switching to use Sass for creating our CSS files, and in turn, Sass can also handle the minification process.