Skip to content

Instantly share code, notes, and snippets.

@rnmp
Created July 4, 2011 17:52
Show Gist options
  • Save rnmp/1063701 to your computer and use it in GitHub Desktop.
Save rnmp/1063701 to your computer and use it in GitHub Desktop.
Divit

Divit

A tiny grid-system designed to fit on almost any width of your container by providing percentage-based proportions.

.d90 { width: 90%; }
.d80 { width: 80%; }
.d75 { width: 75%; }
.d70 { width: 70%; }
.d66 { width: 66.66%; }
.d60 { width: 60%; }
.d50 { width: 50%; }
.d40 { width: 40%; }
.d33 { width: 33.33%; }
.d30 { width: 30%; }
.d30 { width: 30%; }
.d25 { width: 25%; }
.d20 { width: 20%; }
.d10 { width: 10%; }
.d100 { width: 100%; }
.d100, .d90, .d80, .d75, .d70,
.d66, .d60, .d50, .d40, .d33,
.d30, .d25, .d20, .d10 {
float: left; }
/* Example class for gluttering */
.wp {
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment