Skip to content

Instantly share code, notes, and snippets.

@alixaxel
Created June 25, 2012 04:24
Show Gist options
  • Save alixaxel/2986512 to your computer and use it in GitHub Desktop.
Save alixaxel/2986512 to your computer and use it in GitHub Desktop.
.grid {
margin: 0 auto;
width: 960px;
}
.grid [class^="_"] { /* my columns start with "_", _1, _2, ... */
display: inline;
float: left;
}
.grid [class^="_"].void {
display: block;
}
.grid [class^="_"] > .gutter {
margin: 0 10px;
}
.grid [class^="_"] > .gutter.alpha {
margin-left: 0;
}
.grid [class^="_"] > .gutter.omega {
margin-right: 0;
}
.grid ._1 {
width: 25%;
}
.grid ._2 {
width: 50%;
}
.grid ._3 {
width: 75%;
}
.grid ._4 {
width: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment