- Use tabs for indentation, spaces for spacing
- 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;
}