Skip to content

Instantly share code, notes, and snippets.

@WillsonSmith
Created May 14, 2013 18:49
Show Gist options
  • Save WillsonSmith/5578410 to your computer and use it in GitHub Desktop.
Save WillsonSmith/5578410 to your computer and use it in GitHub Desktop.
tinygrid.scss (sass) compiled to css - could be optimized a little.
*, *:before, *:after {
box-sizing: border-box;
}
.grid-full {
width: 100%;
}
.grid-1-2 {
float: left;
width: 50%;
}
.grid-1-3 {
float: left;
width: 33.33333%;
}
.grid-1-4 {
float: left;
width: 25%;
}
.grid-1-8 {
float: left;
width: 12.5%;
}
/*Start responsive breaks*/
@media (max-width: 650px) {
.break-full {
float: none;
width: 100%;
}
}
@media (max-width: 650px) {
.break-1-2 {
width: 50%;
}
}
@media (max-width: 650px) {
.break-1-3 {
width: 33.33333%;
}
}
@media (max-width: 650px) {
.break-1-4 {
width: 25%;
}
}
/*End responsive breaks*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment