.container
  .first  1 col
  .second 2 col
  .third  3 col
  .fourth 3 col
  .fifth  2 col
  .sixth  1 col
  
  .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)
  +omega
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.