Many Connections. One U.

CSS

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 rulesvariablesmixins,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.

Facebook icon Twitter icon Instagram icon Pinterest icon Google+ icon YouTube icon LinkedIn icon Contact icon