Sha256: 97bbfc299294203f08b2cd63cdf7a218250944385e5f48c0589b2848a9d642e3

Contents?: true

Size: 852 Bytes

Versions: 7

Compression:

Stored size: 852 Bytes

Contents

@import "col-generator";
@import "respond-to";
@import "rem-sizing";

.container{
  margin: 0 auto;
  max-width:1200px;
  clear: both;
}

.row {
  overflow: hidden;
  clear:both;
  @include rem-sizing(margin-bottom,.8);
  padding: 0 2% 0 2%;
}

$class: span !default;
$cols: 16 !default;
$gutter: 1.25% !default;

@mixin create-grid ($class-name:$class, $columns:$cols, $gutter:$gutter) {
  
 %grid-rules-#{$class-name} {
  float:left;
  @include box-sizing(border-box);
  @include col-generator($num-columns:$columns, $total-cols:$columns);
}


@for $i from 1 through $columns{
  .#{$class-name}-#{$i}{
   @extend %grid-rules-#{$class-name};
   @include respond-to(tablets-and-above) {
    @include col-generator($num-columns:$i, $total-cols:$columns);
    padding-right:0;
    padding-left:$gutter;
  }
}
}
}

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
respondsass-0.0.7 stylesheets/respondsass/_create-grid.scss
respondsass-0.0.6 stylesheets/respondsass/_create-grid.scss
respondsass-0.0.5 stylesheets/respondsass/_create-grid.scss
respondsass-0.0.4 stylesheets/respondsass/_create-grid.scss
respondsass-0.0.3 stylesheets/respondsass/_create-grid.scss
respondsass-0.0.2 stylesheets/respondsass/_create-grid.scss
respondsass-0.0.1 stylesheets/respondsass/_create-grid.scss