danielrayjones/_assets/css/responsive_sizes.scss

14 lines
357 B
SCSS

@each $prop, $abbrev in (width: w, height: h) {
@each $bpname,$bpsize in $grid-breakpoints {
@media (min-width: $bpsize) {
@each $size, $length in $sizes {
.#{$abbrev}-#{$bpname}-#{$size} {
#{$prop}: $length;
}
.m#{$abbrev}-#{$bpname}-#{$size} {
max-#{$prop}: $length;
}
}
}
}
}