Skip to content

Css style guide

zzolo edited this page Aug 3, 2011 · 3 revisions

Since we are minifying the CSS on each build, please write CSS for readability.

Beautifier

Run CSS through ProCSSor with the the following options:

  • Indent 4 spaces.
  • Turn off Fail-Safe mode.
  • Turn off improve comments.

Example

The following is an example declaration:

/**
 * File: Example
 * Example CSS file for style guidelines.
 */

div.class,
div.other-class,
a#example {
    color: #FFFFFF;
    width: 100px;
}

/**
 * This is an inline comment.
 */
div.example {
    text-decoration: none;
    border: 1px solid #222222;
}

div.example a#identifier {
    text-align: right;
}
Clone this wiki locally