Kavita/UI/Web/src/styles.scss
Joe Milazzo f64f232e51
Angular 15 (#1764)
* Updated ngx-virtual-scroller

* Removed the karma test config as it's breaking migration

* Reverted to pre angular 15

* Upgraded packages and reverted target to ES6 for older devices

* It's broken. Need to also find the safari version for old Ipads

* Fixes some code in default pipe and many updates to packages. Removed support for old iOS versions as it restricted Kavita from using newer features. Build still broken.

* More progress in getting build working on Angular 15. Removed polyfills.ts for new angular config

* Remove all.css for icons and use scss instead

* Removed stuff that isn't needed

* Migrated extended linting to eslint, ran on project and updated issues. Removed a duplicate component that did nothing. Fixed a few places where lifecycle hooks werent being called as interface wasn't implemented.

* App builds correctly. Source maps are still needed.

* Fixed source maps and removed more testing stuff. I will re-add later in another release when I figure out how to properly tackle dependencies on backend.

* Reverted back to old source map definition
2023-01-30 06:27:52 -08:00

84 lines
2.2 KiB
SCSS

@import '../node_modules/swiper/swiper';
// 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';
@import './theme/variables';
// 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/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.ttf") format("truetype");
}
@font-face {
font-family: "Spartan";
src: url("assets/fonts/Spartan/Spartan-VariableFont_wght.ttf");
}
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: 14px;
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;
}