legio-30/src/styles.scss
ztimson c18f436e5d
All checks were successful
Build Website / Build NPM Project (push) Successful in 1m43s
Build Website / Tag Version (push) Successful in 11s
Build Website / Build & Push Dockerfile (push) Successful in 2m49s
Updated styles
2024-01-11 09:55:42 -05:00

79 lines
1.4 KiB
SCSS

@use '@angular/material' as mat;
@include mat.core();
// hue. Available color palettes: https://material.io/design/color/
$LegioXXX-primary: mat.define-palette(mat.$red-palette, 900);
$LegioXXX-accent: mat.define-palette(mat.$indigo-palette, 900);
$LegioXXX-warn: mat.define-palette(mat.$orange-palette, 500);
$LegioXXX-theme: mat.define-dark-theme((
color: (
primary: $LegioXXX-primary,
accent: $LegioXXX-accent,
warn: $LegioXXX-warn,
)
));
@include mat.all-component-themes($LegioXXX-theme);
@import "~bootstrap/dist/css/bootstrap.min.css";
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0);
}
::-webkit-scrollbar {
width: 10px;
background: rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.6);
&:hover { background: rgba(255, 255, 255, 0.8); }
}
html, body {
height: 100%;
background: #000;
color: #fff;
font-family: Roboto, sans-serif;
margin: 0;
@media print {
background: #fff !important;
}
}
a, a:visited {
color: #b10000;
text-decoration: none;
&:hover {
color: #b10000;
text-decoration: underline;
}
}
.transparent-link {
a, a:visited { color: #fff; }
a:hover, a:visited:hover { color: rgba(255, 255, 255, 0.8); }
}
.cap-width {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.invert {
background: #fff;
color: #000;
mat-divider {
border-color: rgba(0, 0, 0, 0.4);
}
}
ol {
list-style-type: upper-roman;
}