Sha256: 96a1b394e36c0df68929b4e66ec2826c3e02e737a06f73077be5c62dac38ed32

Contents?: true

Size: 1.22 KB

Versions: 4

Compression:

Stored size: 1.22 KB

Contents

//////////////////////////////
// Mixins to push/pull along the grid
//////////////////////////////

// Push
@mixin push($span, $location, $grid: false, $gutter: false) {
  $columns: find-grid($grid);
  $gutter: find-gutter($gutter);
  
  @if $dir == ltr or $dir == both {
    margin-left: grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns);
  }
  @else if $dir == rtl {
    margin-right: grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns);
  }
  
  @if $dir == both {
    #{$rtl-selector} & {
      margin-right: grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns);
    }
  }
}

// Pull
@mixin pull($span, $location, $grid: false, $gutter: false) {
  $columns: find-grid($grid);
  $gutter: find-gutter($gutter);
  
  @if $dir == ltr or $dir == both {
    margin-left: (grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns)) * -1;
  }
  @else if $dir == rtl {
    margin-right: (grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns)) * -1;
  }
  
  @if $dir == both {
    #{$rtl-selector} & {
      margin-right: (grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns)) * -1;
    }
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
singularitygs-1.0.alpha.2 stylesheets/singularitygs/mixins/_push-pull.scss
singularitygs-1.0.alpha.1 stylesheets/singularitygs/mixins/_push-pull.scss
singularitygs-1.0.alpha.0 stylesheets/singularitygs/mixins/_push-pull.scss
singularitygs-0.0.17 stylesheets/singularitygs/mixins/_push-pull.scss