24 lines
644 B
SCSS
Executable File
24 lines
644 B
SCSS
Executable File
/// 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;
|
|
}
|