Sha256: 87580d2f42e6feaa851ec4d0ae2c3eb9b37e2104837d4ef8094ed0e8c083f535

Contents?: true

Size: 1.33 KB

Versions: 24

Compression:

Stored size: 1.33 KB

Contents

@mixin span-columns($span: $columns of $container-columns, $display: block) {
  $columns: nth($span, 1);
  $container-columns: container-span($span);

  // Set nesting context (used by shift())
  $parent-columns: get-parent-columns($container-columns);

  $direction: get-direction($layout-direction, $default-layout-direction);
  $opposite-direction: get-opposite-direction($direction);

  $display-table: is-display-table($container-display-table, $display);

  @if $display-table  {
    $padding: get-padding-for-table-layout($columns, $container-columns);
    display: table-cell;
    padding-#{$direction}: $padding;
    width: flex-grid($columns, $container-columns) + $padding;
  } @else {
    float: #{$opposite-direction};

    @if $display != no-display {
      display: block;
    }

    @if $display == collapse {
      @warn "The 'collapse' argument will be deprecated. Use 'block-collapse' instead."
    }

    @if $display == collapse or $display == block-collapse {
      width: flex-grid($columns, $container-columns) + flex-gutter($container-columns);

      &:last-child {
        width: flex-grid($columns, $container-columns);
      }

    } @else {
      margin-#{$direction}: flex-gutter($container-columns);
      width: flex-grid($columns, $container-columns);

      &:last-child {
        margin-#{$direction}: 0;
      }
    }
  }
}

Version data entries

24 entries across 22 versions & 5 rubygems

Version Path
blogelator-0.2.5 vendor/assets/stylesheets/blogelator/neat/grid/_span-columns.scss
blocky-0.0.11 vendor/assets/stylesheets/blocky/neat/grid/_span-columns.scss
blogelator-0.2.4 vendor/assets/stylesheets/blogelator/neat/grid/_span-columns.scss
blocky-0.0.10 vendor/assets/stylesheets/blocky/neat/grid/_span-columns.scss
blocky-0.0.9 vendor/assets/stylesheets/blocky/neat/grid/_span-columns.scss
blocky-0.0.8 vendor/assets/stylesheets/blocky/neat/grid/_span-columns.scss
blocky-0.0.7 vendor/assets/stylesheets/blocky/neat/grid/_span-columns.scss
blocky-0.0.6 vendor/assets/stylesheets/blocky/neat/grid/_span-columns.scss
blocky-0.0.5 vendor/assets/stylesheets/blocky/neat/grid/_span-columns.scss
blocky-0.0.4 vendor/assets/stylesheets/blocky/neat/grid/_span-columns.scss
blocky-0.0.3 vendor/assets/stylesheets/blocky/neat/grid/_span-columns.scss
blocky-0.0.2 vendor/assets/stylesheets/blocky/neat/grid/_span-columns.scss
blocky-0.0.1 vendor/assets/stylesheets/blocky/neat/grid/_span-columns.scss
refills-0.0.2 source/stylesheets/neat/grid/_span-columns.scss
blogelator-0.2.3 vendor/assets/stylesheets/blogelator/neat/grid/_span-columns.scss
blogelator-0.2.2 vendor/assets/stylesheets/blogelator/grid/_span-columns.scss
blogelator-0.2.2 vendor/assets/stylesheets/blogelator/neat/grid/_span-columns.scss
blogelator-0.2.1 vendor/assets/stylesheets/blogelator/grid/_span-columns.scss
blogelator-0.2.1 vendor/assets/stylesheets/blogelator/neat/grid/_span-columns.scss
refills-0.0.1 source/stylesheets/neat/grid/_span-columns.scss