.container
.first 1 col
.second 2 col
.third 3 col
.fourth 3 col
.fifth 2 col
.sixth 1 col
View Compiled
@import "bourbon"
@import "neat"
body
color: white
background-color: white
.container
+outer-container
background-color: #f5f5f5
.first, .second, .third, .fourth, .fifth, .sixth
background-color: #81d4fa
padding: 10px
height: 200px
.first
+span-columns(1)
.second
+span-columns(2)
.third
+span-columns(3)
.fourth
+span-columns(3)
.fifth
+span-columns(2)
.sixth
+span-columns(1)
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.