Skip to content

Instantly share code, notes, and snippets.

@billerickson

billerickson/style.css

Last active Dec 11, 2015
Embed
What would you like to do?
Column Classes
/* Column Classes
*
* Width: 1200px
* Gutter: 20px
* Link: http://www.billerickson.net/column-class-generator/
--------------------------------------------- */
.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 1.6666666666667%;
}
.one-half,
.three-sixths,
.two-fourths {
width: 49.166666666667%;
}
.one-third,
.two-sixths {
width: 32.222222222222%;
}
.four-sixths,
.two-thirds {
width: 66.111111111111%;
}
.one-fourth {
width: 23.75%;
}
.three-fourths {
width: 74.583333333333%;
}
.one-fifth {
width: 18.666666666667%;
}
.two-fifths {
width: 39%;
}
.three-fifths {
width: 59.333333333333%;
}
.four-fifths {
width: 79.666666666667%;
}
.one-sixth {
width: 15.277777777778%;
}
.five-sixths {
width: 83.055555555556%;
}
.first {
clear: both;
margin-left: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.