Skip to content

Instantly share code, notes, and snippets.

@bradonomics
Last active December 16, 2016 14:09
Show Gist options
  • Save bradonomics/519d5e47e558ccecba93 to your computer and use it in GitHub Desktop.
Save bradonomics/519d5e47e558ccecba93 to your computer and use it in GitHub Desktop.
SimpleSheets Grid Changes to Skeleton CSS: https://github.com/dhg/Skeleton
/* Grid
-------------------------------------------------- */
.column {
position: relative;
float: left;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
/* Since there are no rows, you'll need to change the nth-child if you decide to change the number of columns or your columns won't wrap correctly. */
.column:nth-child(3n+2) {
clear: both;
}
.one-half,
.one-third,
.one-fourth {
width: 100%;
}
@media (min-width: 550px) {
.one-half,
.one-fourth {
width: 50%;
}
}
@media (min-width: 750px) {
.one-third {
width: 33.33333333%;
}
}
@media (min-width: 1000px) {
.one-fourth {
width: 25%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment