Formatting Rules
Indentation
Do indent declarations. (4 spaces in a tab)
LESS/CSS
a {
color: #23a1e2;
cursor: pointer;
text-decoration: none;
}
Capitalization
Use only lowercase (with the exception of strings).
LESS/CSS
/* Not Recommended */
color: #23A1E2;
/* Recommended */
color: #23a1e2;
Declaration Order
Alphabetize declarations. Ignore vendor-specific prefixes for sorting purposes.
LESS/CSS
background-color: transparent;
border: 1px solid #e0e0e0;
-webkit-border-radius: 0;
border-radius: 0;
height: 80px;
margin-left: 23px;
outline: none;
padding: 5px 3px;
width: 170px;
Block Content Indentation
Indent all block content.
LESS/CSS
@media screen, projection {
html {
background: #fff;
color: #444;
}
}
Commenting
When adding a new rule, place comment above the rule block.
LESS/CSS
// Makes clearfix work in IE7
html.lt-ie8 & {
display: inline-block;
height: 1%;
zoom: 1;
}