Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
A collection of css modules.
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
css
images
js/libs
.gitignore
.gitmodules
adjust.html
elements.html
grid.html
humans.txt
index.html
readme.md

readme.md

The Condom CSS Bundle

mc♥in css

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.

Included styles:

  • 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

Browsers:

Chrome
Safari
FF3+
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
https://github.com/twitter/bootstrap
https://github.com/zurb/foundation

License

© MIT

Something went wrong with that request. Please try again.