piraattipuolue.github.io/assets/main.scss

42 lines
1.0 KiB
SCSS
Raw Normal View History

---
#
---
$base-font-family: ui-serif, system-ui, "Liberation Serif", Tinos,
"Times New Roman", serif;
2024-05-30 20:03:57 +03:00
$monospace-font-family: ui-monospace, "Liberation Mono", Cousine, "Courier New",
monospace;
2024-05-27 08:33:45 +03:00
@import "{{ site.theme }}";
2024-05-27 08:01:45 +03:00
// Declares support for light and dark themes as high as possible
:root {
2024-05-26 16:47:59 +03:00
color-scheme: light dark !important;
}
2024-05-27 08:01:45 +03:00
// Reverts all colors to browser default so light/dark modes are supported
// without extra work and we get free accessibility
* {
color: revert !important;
text-color: revert !important;
background-color: revert !important;
overflow-wrap: break-word !important;
hyphens: auto !important;
}
2024-05-27 07:59:02 +03:00
2024-05-27 08:01:45 +03:00
// Fix transparent mobile navbar
2024-05-27 07:59:02 +03:00
@media (prefers-color-scheme: light) {
.site-nav {
color-scheme: only light !important;
color: #000000 !important;
background-color: #ffffff !important;
}
}
2024-05-27 08:01:45 +03:00
@media (prefers-color-scheme: dark) {
.site-nav {
color-scheme: only dark !important;
color: #ffffff !important;
background-color: #1c1b22 !important;
}
}