kopia lustrzana https://github.com/FacilMap/facilmap
112 wiersze
3.2 KiB
SCSS
112 wiersze
3.2 KiB
SCSS
$btn-transition: color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; // Delete background-color from transition
|
|
$enable-shadows: true;
|
|
$enable-gradients: true;
|
|
|
|
$secondary: #fff;
|
|
|
|
|
|
// Bootstrap import, see https://getbootstrap.com/docs/5.3/customize/optimize/
|
|
|
|
@import "bootstrap/scss/functions";
|
|
@import "bootstrap/scss/variables";
|
|
@import "bootstrap/scss/variables-dark";
|
|
@import "bootstrap/scss/maps";
|
|
@import "bootstrap/scss/mixins";
|
|
@import "bootstrap/scss/utilities";
|
|
|
|
@import "bootstrap/scss/root";
|
|
@import "bootstrap/scss/reboot";
|
|
@import "bootstrap/scss/type";
|
|
//@import "bootstrap/scss/images";
|
|
@import "bootstrap/scss/containers";
|
|
@import "bootstrap/scss/grid";
|
|
@import "bootstrap/scss/tables";
|
|
@import "bootstrap/scss/forms";
|
|
@import "bootstrap/scss/buttons";
|
|
//@import "bootstrap/scss/transitions";
|
|
@import "bootstrap/scss/dropdown";
|
|
@import "bootstrap/scss/button-group";
|
|
@import "bootstrap/scss/nav";
|
|
@import "bootstrap/scss/navbar";
|
|
@import "bootstrap/scss/card";
|
|
//@import "bootstrap/scss/accordion";
|
|
//@import "bootstrap/scss/breadcrumb";
|
|
@import "bootstrap/scss/pagination";
|
|
@import "bootstrap/scss/badge";
|
|
@import "bootstrap/scss/alert";
|
|
//@import "bootstrap/scss/progress";
|
|
@import "bootstrap/scss/list-group";
|
|
@import "bootstrap/scss/close";
|
|
@import "bootstrap/scss/toasts";
|
|
@import "bootstrap/scss/modal";
|
|
@import "bootstrap/scss/tooltip";
|
|
@import "bootstrap/scss/popover";
|
|
@import "bootstrap/scss/carousel";
|
|
@import "bootstrap/scss/spinners";
|
|
//@import "bootstrap/scss/offcanvas";
|
|
//@import "bootstrap/scss/placeholders";
|
|
|
|
@import "bootstrap/scss/helpers";
|
|
|
|
@import "bootstrap/scss/utilities/api";
|
|
|
|
|
|
// Customizations
|
|
|
|
html,body {
|
|
font-size: 14px;
|
|
}
|
|
|
|
// Set button style to bootstrap v3 theme
|
|
@each $color, $value in $theme-colors {
|
|
.btn-#{$color} {
|
|
$border: darken($value, 14%);
|
|
--#{$prefix}btn-border-color: #{$border};
|
|
--#{$prefix}btn-hover-border-color: #{darken($border, 12%)};
|
|
--#{$prefix}btn-active-border-color: #{$border};
|
|
|
|
--#{$prefix}btn-hover-bg: #{darken($value, 12%)};
|
|
--#{$prefix}btn-active-bg: #{darken($value, 12%)};
|
|
--#{$prefix}btn-disabled-bg: #{darken($value, 12%)};
|
|
|
|
--#{$prefix}btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
|
--#{$prefix}btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
|
|
|
@include gradient-y($start-color: $value, $end-color: darken($value, 12%));
|
|
background-repeat: repeat-x;
|
|
|
|
&:hover,
|
|
&:focus-visible {
|
|
background-position: 0 -15px;
|
|
}
|
|
|
|
.btn-check + &:hover {
|
|
// Bootstrap disables hover styles for checkbox buttons. Here we reset them to the
|
|
// default button hover styles.
|
|
color: var(--#{$prefix}btn-hover-color);
|
|
background-color: var(--#{$prefix}btn-hover-bg);
|
|
border-color: var(--#{$prefix}btn-hover-border-color);
|
|
}
|
|
|
|
.btn-check:checked + &,
|
|
:not(.btn-check) + &:active,
|
|
&:first-child:active,
|
|
&.active,
|
|
&.show,
|
|
&:disabled,
|
|
&.disabled,
|
|
fieldset:disabled & {
|
|
// Disable gradient-y
|
|
background-image: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Reset btn-outline-secondary colour scheme to original, as #fff makes the text invisible
|
|
.btn-outline-secondary {
|
|
@include button-outline-variant(#6c757d);
|
|
}
|
|
|
|
.list-group-item.active a {
|
|
color: inherit;
|
|
} |