Sha256: 197c6eef6846ad72f1a228fdd6cdcc8d12accf7b4aa77c67e933252743f754ea

Contents?: true

Size: 1.4 KB

Versions: 8

Compression:

Stored size: 1.4 KB

Contents

// Padding Syntax
// ==============

// Prefix
// ------
// Add spanning-padding before an element.
// - $span  : <span>
@mixin prefix(
  $span
) {
  $span   : map-merge((spread: wide), parse-span($span));
  $flow   : susy-get(flow, $span);
  $width  : span($span);

  @if is-inside($span) {
    $gutter: gutter($span);
    $width: if($gutter and comparable($width, $gutter), $width + $gutter, $width);
  }

  @include padding-output($width, null, $flow);
}

// Suffix
// ------
// Add spanning-padding after an element.
// - $span  : <span>
@mixin suffix(
  $span
) {
  $span   : map-merge((spread: wide), parse-span($span));
  $flow   : susy-get(flow, $span);
  $width  : span($span);

  @if is-inside($span) {
    $gutter: gutter($span);
    $width: if($gutter and comparable($width, $gutter), $width + $gutter, $width);
  }

  @include padding-output(null, $width, $flow);
}

// Pad
// ---
// Add spanning-padding before and after an element.
// - $pre     : <span>
// - [$post]  : <span>
@mixin pad(
  $pre,
  $post: false
) {
  $pre: map-merge((spread: wide), parse-span($pre));

  @if $post {
    $post: map-merge((spread: wide), parse-span($post));
  } @else {
    $span: susy-get(span, $pre);
    @if length($span) > 1 {
      $pre: map-merge($pre, (span: nth($span, 1)));
      $post: map-merge($pre, (span: nth($span, 2)));
    } @else {
      $post: $pre;
    }
  }

  @include prefix($pre);
  @include suffix($post);
}

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
susy-2.1.2 sass/susy/language/susy/_padding.scss
susy-2.1.1 sass/susy/language/susy/_padding.scss
susy-2.1.0 sass/susy/language/susy/_padding.scss
susy-2.0.0 sass/susy/language/susy/_padding.scss
susy-2.0.0.rc.2 sass/susy/language/susy/_padding.scss
susy-2.0.0.rc.1 sass/susy/language/susy/_padding.scss
susy-2.0.0.beta.3 sass/susy/language/susy/_padding.scss
susy-2.0.0.beta.2 sass/susy/language/susy/_padding.scss