Contents

// define breakpoints
$mobile: new-breakpoint(max-width 500px 4);
$tablet: new-breakpoint(max-width 768px 12);
$max-width: em(960);

// helper classes for quickly building columns and rows
.row        { @include row; }
.container  { @include outer-container; }
.one        { @include span-columns(1)  }
.two        { @include span-columns(2)  }
.three      { @include span-columns(3)  }
.four       { @include span-columns(4)  }
.five       { @include span-columns(5)  }
.six        { @include span-columns(6)  }
.seven      { @include span-columns(7)  }
.eight      { @include span-columns(8)  }
.nine       { @include span-columns(9)  }
.ten        { @include span-columns(10) }
.eleven     { @include span-columns(11) }
.twelve     { @include span-columns(12) }

// just make everything full column by default on mobile
.one, .two, .three, .four, .five, .six,
.seven, .eight, .nine, .ten, .eleven, .twelve {
  @include media($mobile) {
    @include span-columns(4);
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
forge-cli-0.1.10	lib/forge/app/assets/stylesheets/layout/grid.css.scss