.grid
  .grid__item.one-whole
    .text .grid__item.one-whole

@include 'responsive-grid'
 
grid-base()
grid-widths('', 1)

.grid
  .grid__item.one-half
    .text .grid__item.one-half

@include 'responsive-grid'
 
grid-base()
grid-widths('', 2)

.grid
  .grid__item.one-third
    .text .grid__item.one-half
  .grid__item.two-thirds
    .text .grid__item.two-thirds

@include 'responsive-grid'
 
grid-base()
grid-widths('', 3)

.grid
  .grid__item.one-quarter
    .text .grid__item.one-quarter
  .grid__item.three-quarters
    .text .grid__item.three-quarters

@include 'responsive-grid'
 
grid-base()
grid-widths('', 4)

.grid
  .grid__item.one-fifth
    .text .grid__item.one-fifth
  .grid__item.four-fifths
    .text .grid__item.four-fifths
  .grid__item.two-fifths
    .text .grid__item.two-fifths
  .grid__item.three-fifths
    .text .grid__item.three-fifths

@include 'responsive-grid'
 
grid-base()
grid-widths('', 5)

.grid
  .grid__item.one-sixth
    .text .grid__item.one-sixth
  .grid__item.five-sixths
    .text .grid__item.five-sixths

@include 'responsive-grid'
 
grid-base()
grid-widths('', 6)

.grid
  .grid__item.one-seventh
    .text .grid__item.one-seventh
  .grid__item.six-sevenths
    .text .grid__item.six-sevenths
  .grid__item.two-sevenths
    .text .grid__item.two-sevenths
  .grid__item.five-sevenths
    .text .grid__item.five-sevenths
  .grid__item.three-sevenths
    .text .grid__item.three-sevenths
  .grid__item.four-sevenths
    .text .grid__item.four-sevenths

@include 'responsive-grid'
 
grid-base()
grid-widths('', 7)

.grid
  .grid__item.one-eighth
    .text .grid__item.one-eighth
  .grid__item.seven-eighths
    .text .grid__item.seven-eighths
  .grid__item.three-eighths
    .text .grid__item.three-eighths
  .grid__item.five-eighths
    .text .grid__item.five-eighths

@include 'responsive-grid'
 
grid-base()
grid-widths('', 8)

.grid
  .grid__item.one-tenth
    .text .grid__item.one-tenth
  .grid__item.nine-tenths
    .text .grid__item.nine-tenths
  .grid__item.three-tenths
    .text .grid__item.three-tenths
  .grid__item.seven-tenths
    .text .grid__item.seven-tenths

@include 'responsive-grid'
 
grid-base()
grid-widths('', 10)

.grid
  .grid__item.one-twelfth
    .text .grid__item.one-twelfth
  .grid__item.eleven-twelfths
    .text .grid__item.eleven-twelfths
  .grid__item.five-twelfths
    .text .grid__item.five-twelfths
  .grid__item.seven-twelfths
    .text .grid__item.seven-twelfths

@include 'responsive-grid'
 
grid-base()
grid-widths('', 12)

.grid
  .grid__item.one-sixteenth
    .text .grid__item.one-sixteenth
  .grid__item.fifteen-sixteenths
    .text .grid__item.fifteen-sixteenths
  .grid__item.three-sixteenths
    .text .grid__item.three-sixteenths
  .grid__item.thirteen-sixteenths
    .text .grid__item.thirteen-sixteenths
  .grid__item.five-sixteenths
    .text .grid__item.five-sixteenths
  .grid__item.eleven-sixteenths
    .text .grid__item.eleven-sixteenths
  .grid__item.seven-sixteenths
    .text .grid__item.seven-sixteenths
  .grid__item.nine-sixteenths
    .text .grid__item.nine-sixteenths

@include 'responsive-grid'
 
grid-base()
grid-widths('', 16)