Sha256: 9b54a96773a024884fc349aaa74982a606b5991294ded02ac0739ed6bea892f9
Contents?: true
Size: 644 Bytes
Versions: 15
Compression:
Stored size: 644 Bytes
Contents
/// 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
15 entries across 15 versions & 2 rubygems