Divit

README.md

Divit

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

gistfile1.css

.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; }