Sha256: 9323bb33490d01a25add2050dfec51db0ae21322ff4483c972aad4911db0ff18

Contents?: true

Size: 663 Bytes

Versions: 67

Compression:

Stored size: 663 Bytes

Contents

@charset "UTF-8";

/// Adds padding to the element.
///
/// @param {List} $padding [flex-gutter()]
///   A list of padding value(s) to use. Passing `default` in the list will result in using the gutter width as a padding value.
///
/// @example scss - Usage
///   .element {
///     @include pad(30px -20px 10px default);
///   }
///
/// @example css - CSS Output
///   .element {
///     padding: 30px -20px 10px 2.35765%;
///   }

@mixin pad($padding: flex-gutter()) {
  $padding-list: null;
  @each $value in $padding {
    $value: if($value == 'default', flex-gutter(), $value);
    $padding-list: join($padding-list, $value);
  }
  padding: $padding-list;
}

Version data entries

67 entries across 60 versions & 14 rubygems

Version Path
va_common-0.1.0 app/assets/stylesheets/lib/neat/grid/_pad.scss
us_web_design_standards-0.0.2 assets/_scss/lib/neat/grid/_pad.scss
us_web_design_standards-0.0.2 app/assets/stylesheets/lib/neat/grid/_pad.scss
us_web_design_standards-0.0.0 assets/_scss/lib/neat/grid/_pad.scss
nesta-contentfocus-extensions-0.0.3 assets/stylesheets/neat/grid/_pad.scss
nesta-contentfocus-extensions-0.0.2 assets/stylesheets/neat/grid/_pad.scss
neat-1.7.2 app/assets/stylesheets/grid/_pad.scss