c2375efe21
* Replaced normal dropdowns with select2 (which will eventually replace our custom typeaheads). Still needs styling. * More css * Styling. Fixed preloading typeahead with multiple options on load. * Styling to align with typeahead tag badges. * Done with filtering story. * Fixed a bug with switching between filters. * Fixed some extra } from localization
89 lines
2.3 KiB
SCSS
89 lines
2.3 KiB
SCSS
@import '../node_modules/swiper/swiper';
|
|
|
|
@import './theme/variables';
|
|
|
|
// Import themes which define the css variables we use to customize the app
|
|
@import './theme/themes/dark';
|
|
|
|
// Import colors for overrides of bootstrap theme
|
|
@import './theme/toastr';
|
|
|
|
|
|
// Bootstrap must be after _colors since we define the colors there
|
|
@import '../node_modules/bootstrap/scss/bootstrap';
|
|
|
|
|
|
|
|
// Import all the customized theme overrides
|
|
@import './theme/components/input';
|
|
@import './theme/components/anchors';
|
|
@import './theme/components/nav';
|
|
@import './theme/components/buttons';
|
|
@import './theme/components/toast';
|
|
@import './theme/components/checkbox';
|
|
@import './theme/components/list';
|
|
@import './theme/components/navbar';
|
|
@import './theme/components/popover';
|
|
@import './theme/components/pagination';
|
|
@import './theme/components/dropdown';
|
|
@import './theme/components/accordion';
|
|
@import './theme/components/breadcrumb';
|
|
@import './theme/components/ratingstar';
|
|
@import './theme/components/modal';
|
|
@import './theme/components/card';
|
|
@import './theme/components/slider';
|
|
@import './theme/components/radios';
|
|
@import './theme/components/selects';
|
|
@import './theme/components/progress';
|
|
@import './theme/components/sidenav';
|
|
@import './theme/components/carousel';
|
|
@import './theme/components/offcanvas';
|
|
@import './theme/components/table';
|
|
@import './theme/components/alerts';
|
|
@import './theme/components/typeahead';
|
|
|
|
|
|
@import './theme/utilities/utilities';
|
|
@import './theme/utilities/animations';
|
|
@import './theme/utilities/global';
|
|
|
|
|
|
// Global Styles
|
|
@font-face {
|
|
font-family: "EBGarmond";
|
|
src: url("assets/fonts/EBGarmond/EBGaramond-VariableFont_wght.woff2") format("woff2");
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Spartan";
|
|
src: url("assets/fonts/Spartan/Spartan-VariableFont_wght.woff2") format("woff2");
|
|
font-display: swap;
|
|
}
|
|
|
|
label, select, .clickable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
|
|
cursor: default;
|
|
}
|
|
|
|
// Needed for fullscreen
|
|
app-root {
|
|
background-color: transparent;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary-color-scrollbar);
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 14px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-clip: padding-box;
|
|
background-color: var(--primary-color-scrollbar);
|
|
border: 3px solid transparent;
|
|
border-radius: 8px;
|
|
min-height: 50px;
|
|
}
|