Pixel
Jade
.grid.grid--ten-pixel
.grid__item.one-third
.text .grid__item.one-third
.grid__item.two-thirds
.text .grid__item.two-thirds
Stylus
@include 'responsive-grid'
grid-base()
grid-widths('', 1 2 3)
grid-modifier('ten-pixel', 10px)
Example
.grid__item.one-third
.grid__item.two-thirds
Percentage
Jade
.grid.grid--ten-percentage
.grid__item.one-half
.text .grid__item.one-half
.grid__item.one-half
.text .grid__item.one-half
Stylus
@include 'responsive-grid'
grid-base()
grid-widths('', 1 2)
grid-modifier('ten-percentage', 10%)
Example
.grid__item.one-half
.grid__item.one-half
EM
Jade
.grid.grid--ten-em
.grid__item.one-half
.text .grid__item.one-half
.grid__item.one-half
.text .grid__item.one-half
Stylus
@include 'responsive-grid'
grid-base()
grid-widths('', 1 2)
grid-modifier('ten-em', 10em)
Example
.grid__item.one-half
.grid__item.one-half