Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Semantic grids in Foundation
.container{
@include grid-row();
.div1 {
@include grid-column(12);
@media #{$small} {
@include grid-column(4);
}
}
.div2 {
@include grid-column(12);
@media #{$small} {
@include grid-column(4);
}
}
.div3 {
@include grid-column(12);
@media #{$small} {
@include grid-column(4);
}
}
}
.container{
@include grid-row();
.div1 {
@include grid-column(12);
}
.div2 {
@include grid-column(12);
}
.div3 {
@include grid-column(12);
}
}
@media #{$small} {
.container {
.div1 {
@include grid-column(4);
}
.div2 {
@include grid-column(4);
}
.div3 {
@include grid-column(4);
}
}
}
@mhayes

This comment has been minimized.

Copy link
Owner Author

mhayes commented Aug 7, 2013

Using v1 takes advantage of Sass 3.2. v2 works just fine, but doesn't take full advantage of Sass.

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.