summaryrefslogtreecommitdiffhomepage
path: root/src/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css54
1 files changed, 9 insertions, 45 deletions
diff --git a/src/style.css b/src/style.css
index 3ee4672..6ce0d86 100644
--- a/src/style.css
+++ b/src/style.css
@@ -4,52 +4,16 @@
:root {
color-scheme: light dark;
+ --fg: black;
+ --bg: white;
--ref-offset: 2ch;
--faint: color-mix(in hwb, var(--fg) 75%, var(--bg));
}
-@media (prefers-color-scheme: light) {
- :root {
- --fg: black;
- --bg: white;
+@media not (prefers-reduced-motion: reduce) {
+ @view-transition {
+ navigation: auto;
}
-
- a, a:visited {
- color: blue;
- }
-}
-
-@media (prefers-color-scheme: dark) {
- :root {
- --fg: white;
- --bg: black;
- }
-
- a, a:visited {
- color: #AAF;
- }
-}
-
-@keyframes move-out {
- from { transform: translateY(0%); }
- to { transform: translateY(-100%); }
-}
-
-@keyframes move-in {
- from { transform: translateY(100%); }
- to { transform: translateY(0%); }
-}
-
-@view-transition {
- navigation: auto;
-}
-
-::view-transition-old(root) {
- animation: 0.4s ease-in both move-out;
-}
-
-::view-transition-new(root) {
- animation: 0.4s ease-in both move-in;
}
@media (max-width: 750px) {
@@ -83,10 +47,6 @@
}
}
-h1, h2 {
- text-wrap: balance;
-}
-
body {
text-align: justify;
width: min(800px, 90%);
@@ -209,3 +169,7 @@ aside {
content: attr(data-ref);
}
}
+
+a, a:visited {
+ color: blue;
+} \ No newline at end of file