✏️ Split scss file

This commit is contained in:
SebClem 2021-01-09 14:14:08 +01:00
parent 2e23a84659
commit 8e01daf953
4 changed files with 195 additions and 1074 deletions

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,37 @@
// Layout & components
@import "../node_modules/bootstrap/scss/root";
@import "../node_modules/bootstrap/scss/reboot";
@import "../node_modules/bootstrap/scss/type";
@import "../node_modules/bootstrap/scss/images";
@import "../node_modules/bootstrap/scss/containers";
@import "../node_modules/bootstrap/scss/grid";
//@import "tables";
@import "../node_modules/bootstrap/scss/forms";
@import "../node_modules/bootstrap/scss/buttons";
@import "../node_modules/bootstrap/scss/transitions";
@import "../node_modules/bootstrap/scss/dropdown";
//@import "button-group";
//@import "nav";
@import "../node_modules/bootstrap/scss/navbar";
@import "../node_modules/bootstrap/scss/card";
//@import "accordion";
//@import "breadcrumb";
//@import "pagination";
@import "../node_modules/bootstrap/scss/badge";
@import "../node_modules/bootstrap/scss/alert";
@import "../node_modules/bootstrap/scss/progress";
@import "../node_modules/bootstrap/scss/list-group";
@import "../node_modules/bootstrap/scss/close";
@import "../node_modules/bootstrap/scss/toasts";
@import "../node_modules/bootstrap/scss/modal";
//@import "tooltip";
//@import "popover";
//@import "carousel";
@import "../node_modules/bootstrap/scss/spinners";
// Helpers
@import "../node_modules/bootstrap/scss/helpers";
// Utilities
@import "../node_modules/bootstrap/scss/utilities/api";
// scss-docs-end import-stack

View File

@ -3,6 +3,11 @@ $dark: #292929;
$secondary: #343a40;
$accent: #b58e51;
$custom-colors:(
"accent": $accent
);
$enable-shadows: true;
$btn-box-shadow: none;
@ -27,26 +32,46 @@ $alert-bg-scale: 0%;
$alert-border-scale: -10%;
$alert-color-scale: -100%;
// Configuration
@import "../node_modules/bootstrap/scss/functions";
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/bootstrap";
$theme-colors: map-merge($theme-colors, $custom-colors);
@import "../node_modules/bootstrap/scss/mixins";
@import "../node_modules/bootstrap/scss/utilities";
.bg-accent {
background-color: $accent;
//All other bootstrap imports
@import "bootstrap_imports.scss";
input[type="time"] {
&::-webkit-calendar-picker-indicator {
filter: invert(63%) sepia(23%) saturate(819%) hue-rotate(358deg) brightness(88%) contrast(91%);
height: 30px;
margin: -12px;
width: 32px;
}
&::-webkit-calendar-picker-indicator:hover {
cursor: pointer;
}
}
.text-accent {
color: $accent;
}
input[type="time"]::-webkit-calendar-picker-indicator {
filter: invert(63%) sepia(23%) saturate(819%) hue-rotate(358deg) brightness(88%) contrast(91%);
height: 30px;
margin: -12px;
width: 32px;
}
input[type="time"]::-webkit-calendar-picker-indicator:hover {
cursor: pointer;
}
.modal-dialog-scrollable .modal-body {
&::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: $secondary;
}
&::-webkit-scrollbar {
width: 12px;
background-color: $dark;
}
&::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: $accent;
}
}