played a bit with styling

2025-02-07 11:01:53 +11:00 · 2025-02-07 11:01:53 +11:00 · 9b8348dc88
commit 9b8348dc88
parent d269188cc8
2 changed files with 20 additions and 0 deletions
--- a/src/routes/(editor)/welcome.module.css
+++ b/src/routes/(editor)/welcome.module.css
@ -17,5 +17,18 @@
        flex-flow: column;
        gap: var(--padding-s);
        padding-inline-start: var(--padding-l);
+
+        @media (hover) and (prefers-reduced-motion: no-preference) {
+            & > li {
+                transform-origin: left center;
+                transition: opacity .2s ease-in-out .1s, transform .1s ease-in-out .1s;
+            }
+
+            &:has(> li:hover) > li:not(:hover),
+            &:has(> li:focus-within) > li:not(:focus-within) {
+                opacity: .25;
+                transform: scale(.9);
+            }
+        }
    }
 }