104 lines
3 KiB
SCSS
104 lines
3 KiB
SCSS
@use "sass:list";
|
|
@import "mixins";
|
|
@import "./bs-polyfills/buttons";
|
|
@import "bootstrap/scss/maps";
|
|
|
|
// 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);
|
|
|
|
// Width
|
|
.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;
|
|
}
|
|
.w#{$infix}-auto {
|
|
width: auto !important;
|
|
}
|
|
|
|
// Height
|
|
.h#{$infix}-fit {
|
|
height: 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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// $input-border-width: $input-btn-border-width;
|
|
// $border-radius: .375rem !default;
|
|
// $border-radius-sm: .25rem !default;
|
|
// $border-radius-lg: .5rem !default;
|
|
// $border-radius-xl: 1rem !default;
|
|
// $border-radius-xxl: 2rem !default;
|
|
// $border-radius-pill: 50rem !default;
|
|
|
|
// * Material reversion
|
|
/* stylelint-disable-next-line selector-no-qualifying-type */
|
|
textarea.form-control {
|
|
border: $input-btn-border-width solid $input-border-color;
|
|
// border-radius: $input-btn-border-width !important;
|
|
|
|
@include border-radius($border-radius);
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-no-qualifying-type */
|
|
select.form-select[multiple],
|
|
input.form-control[type="file"] {
|
|
border: $input-btn-border-width solid $input-border-color;
|
|
box-shadow: inherit;
|
|
}
|
|
|
|
// .form-select {
|
|
// @include form-validation-state-selector($state) {
|
|
// border-color: $border-color;
|
|
|
|
// @if $enable-validation-icons {
|
|
// &:not([multiple]):not([size]),
|
|
// &:not([multiple])[size="1"] {
|
|
// --#{$prefix}form-select-bg-icon: #{escape-svg($icon)};
|
|
// padding-right: $form-select-feedback-icon-padding-end;
|
|
// background-position: $form-select-bg-position, $form-select-feedback-icon-position;
|
|
// background-size: $form-select-bg-size, $form-select-feedback-icon-size;
|
|
// }
|
|
// }
|
|
|
|
// &:focus {
|
|
// border-color: $border-color;
|
|
// box-shadow: $focus-box-shadow;
|
|
// }
|
|
// }
|
|
// }
|