Contents

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

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

  @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   : span-get(flow, $span);
  $width  : span($span);

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

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

  $output   : (
    before: span($pre),
    after: span($post),
    flow: span-get(flow, $pre) or span-get(flow, $post),
  );

  @include padding-output($output...);
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
susy-2.0.0.alpha.5	sass/susy/language/susy/_padding.scss