0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Bootstrap/scss/mixins/_utilities.scss
Ashfahan Khan 41fcd13d3e Utility API improvement: use $key/$value instead of nth (#28828)
Co-Authored-By: Martijn Cuppens <martijn.cuppens@gmail.com>
2019-05-30 17:22:06 +02:00

34 lines
1.1 KiB
SCSS

// Utility generator
// Used to generate utilities & print utilities
@mixin generate-utility($utility, $infix) {
$values: map-get($utility, values);
// If the values are a list or string, convert it into a map
@if type-of($values) == "string" or type-of(nth($values, 1)) != "list" {
$values: zip($values, $values);
}
@each $key, $value in $values {
$properties: map-get($utility, property);
// Multiple properties are possible, for example with vertical or horizontal margins or paddings
@if type-of($properties) == "string" {
$properties: append((), $properties);
}
// Use custom class if present
$property-class: map-get($utility, class);
$property-class: if($property-class, $property-class, nth($properties, 1));
// Don't prefix if value key is null (eg. with shadow class)
$property-class-modifier: if($key, "-" + $key, "");
.#{$property-class + $infix + $property-class-modifier} {
@each $property in $properties {
// stylelint-disable-next-line declaration-no-important
#{$property}: $value !important;
}
}
}
}