The Condom CSS Bundle
Focusing on readability and clean looks
Built as a collection of tools. Best practices. Slice and dice!
Beware, might break in the most unexpected places.
Font-sizes use REMs, with fallbacks to EMs.
Box-sizing: border-box is used rather heavily. Which breaks in IE6 & 7..
Border-box-sizing is used on the grid columns, making it possible to add padding straight on them, without the need to create a nested element.
- condom.css - normalizing and typesetting.
- buttons.css - .button and input button styles
- grid.css - 18 column fluid grid, down to mobile
- form.css - form stylings
- extra.css - nav-bar, font for the demo
IE7/8+ Note for IE7: if you add padding to a grid column, it will break (box-sizing).
Sources of joy:
HTML5 Boilerplate : https://github.com/paulirish/html5-boilerplate
Normalize : https://github.com/necolas/normalize.css
Formalize : https://github.com/nathansmith/formalize
Skeleton : https://github.com/dhgamache/Skeleton