Skip to content

Instantly share code, notes, and snippets.

@BjornFridal
Created February 18, 2022 10:54
Show Gist options
  • Save BjornFridal/98171edb1744a1b4f6bedc230582de56 to your computer and use it in GitHub Desktop.
Save BjornFridal/98171edb1744a1b4f6bedc230582de56 to your computer and use it in GitHub Desktop.
Bootstrap v4. Responsive Sizing eg. w-md-50 w-lg-75
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
@each $prop, $abbrev in (width: w, height: h) {
@each $size, $length in $sizes {
.#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment