diff options
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 54 |
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 |