18 lines
526 B
SCSS
18 lines
526 B
SCSS
@use "sass:map";
|
|
|
|
@each $prop, $abbrev in (width: w, height: h) {
|
|
@each $bpname,$bpsize in $grid-breakpoints {
|
|
@media (min-width: $bpsize) {
|
|
$props: map-get($utilities, $prop);
|
|
$propValues: map-get($props, 'values');
|
|
@each $size, $length in $propValues {
|
|
.#{$abbrev}-#{$bpname}-#{$size} {
|
|
#{$prop}: $length;
|
|
}
|
|
.m#{$abbrev}-#{$bpname}-#{$size} {
|
|
max-#{$prop}: $length;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|