- Use spaces for indentation
- Order properties alphabetically
- Include
alt
attribute for all images - Include
title
attribute for all links - Close all your tags properly
- Try to use classes instead of IDs unless things are absolutely unique
- One selector per line
- Support IE 9 and above
- Use
rem
overem
orpx
- Capitalize hexadecimal
- Breaking lines should be
1px solid #CCC
- Maintain contrast to WCAG AA on normal text, WCAG AAA on large text
- Use colors from this palette
- We also use
#FFF
,#CCC
, and#111
for main body text
.class {
color: #4C1161;
font-size: 1.1rem;
}
.second-class,
.third-class {
background-color: white;
}
- Do not use fancy quotes, dashes, and such; the Markdown processor will handle that.