Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
Some additional rules for the 1140px CSS Grid System, to allow whitespace to the left of a column. (Not tested extensively…)
.onepush {
margin-left: 8.65%;
}
.twopush {
margin-left: 17.3%;
}
.threepush {
margin-left: 25.95%;
}
.fourpush {
margin-left: 34.6%;
}
.fivepush {
margin-left: 43.25%;
}
.sixpush {
margin-left: 51.9%;
}
.sevenpush {
margin-left: 60.55%;
}
.eightpush {
margin-left: 69.2%;
}
.ninepush {
margin-left: 77.85%;
}
.tenpush {
margin-left: 86.5%;
}
.elevenpush {
margin-left: 95.15%;
}
<div class="container">
<div class="row">
<div class="threepush fourcol">
4 columns, with 3 columns of whitespace to the left.
</div>
<div class="fivecol last">
5 columns.
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment