ldc-gen-game-web/resources/sass/utilities/_bootstrap-custom.scss

37 lines
862 B
SCSS

@use 'sass:list';
@use 'sass:map';
@import 'mixins';
// SET SOME CLASSES WITH BOOTSTRAP BREAKPOINTS
@each $breakpoint in map.keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
@include generate-bs-borders($infix, $prefix);
.w#{$infix}-25 {
width: 25% !important;
}
.w#{$infix}-50 {
width: 50% !important;
}
.w#{$infix}-75 {
width: 75% !important;
}
.w#{$infix}-100 {
width: 100% !important;
}
@each $prop, $unit in (width: vw, height: vh) {
@each $size in [25, 50, 75, 100] {
.#{$unit}#{$infix}-#{$size} {
#{$prop}: #{$size}#{$unit} !important;
}
}
}
@each $color, $value in $theme-colors {
@include generate-bs-borders($infix, $prefix, $color);
}
}
}