49 lines
1.3 KiB
SCSS
49 lines
1.3 KiB
SCSS
@use "sass:list";
|
|
@import "mixins";
|
|
@import "bootstrap/scss/functions";
|
|
@import "./bs-customs/input";
|
|
|
|
// SET SOME CLASSES WITH BOOTSTRAP BREAKPOINTS
|
|
// * Reponsive borders
|
|
@each $breakpoint in map-keys($grid-breakpoints) {
|
|
@include media-breakpoint-up($breakpoint) {
|
|
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
|
|
|
@include generate-bs-borders($infix, $prefix);
|
|
|
|
@each $color, $value in $theme-colors {
|
|
@include generate-bs-borders($infix, $prefix, $color);
|
|
}
|
|
}
|
|
}
|
|
|
|
// * Responsive sizings (used in laravel errors layouts)
|
|
@each $breakpoint in map-keys($grid-breakpoints) {
|
|
@include media-breakpoint-up($breakpoint) {
|
|
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
|
|
|
.w#{$infix}-25 {
|
|
width: 25% !important;
|
|
}
|
|
.w#{$infix}-50 {
|
|
width: 50% !important;
|
|
}
|
|
.w#{$infix}-75 {
|
|
width: 75% !important;
|
|
}
|
|
.w#{$infix}-100 {
|
|
width: 100% !important;
|
|
}
|
|
.w#{$infix}-fit {
|
|
width: fit-content !important;
|
|
}
|
|
|
|
@each $prop, $unit in (width: vw, height: vh) {
|
|
@each $size in [25, 50, 75, 100] {
|
|
.#{$unit}#{$infix}-#{$size} {
|
|
#{$prop}: #{$size}#{$unit} !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|