Sha256: 4586c97e8d6d701a3512891862729054357fa874e1d0b887dd1eb52d778a8f40

Contents?: true

Size: 1.43 KB

Versions: 1

Compression:

Stored size: 1.43 KB

Contents

@mixin grid-coordinates {

  // Main clearfix class to use to @extend elements that require cleafix
  .#{$clearfix-prefix}clearfix { @include bulletproof-clearfix; }
  
  // In place to support legacy clearfix options
  // Should be deprecated at some point in the future
  @if $support-legacy-grid-clearfix {
    .grid-clearfix,
    .grid-pie-clearfix {
      @extend .#{$clearfix-prefix}clearfix;
    }
  }
  
  // All generated grid elements that require clearfix
  .grid-container,
  .nested-grid-container,
  .grid-block,
  .grid-full {
    @extend .#{$clearfix-prefix}clearfix;
  }
  
  // Core grid classes and mixin consumption
  .grid-container {
    @include grid-container-base;
  }
  .nested-grid-container {
    @include nested-grid-container-base;
  }
  .grid-block {
    @include grid-block-base;
  }
  .grid-full {
    @include grid-base($grid-columns); @extend .grid-block;
  }

  // Loops to enumerate the classes
  // Yep, this saves us tons of typing (if this were CSS)
  @for $i from 1 through $grid-columns {
    .grid-#{$i} { @include grid-base($i); @extend .grid-block; }
  }
  @for $i from 1 to $grid-columns {
    .grid-prefix-#{$i} { @include grid-prefix($i); }
  }
  @for $i from 1 to $grid-columns {
    .grid-suffix-#{$i} { @include grid-suffix($i); }
  }
  @for $i from 1 to $grid-columns {
    .grid-push-#{$i} { @include grid-push($i); }
  }
  @for $i from 1 to $grid-columns {
    .grid-pull-#{$i} { @include grid-pull($i); }
  }

}

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
grid-coordinates-1.2.0 stylesheets/partials/_grid-coordinates-mixin.scss