From 9b8348dc8805417a5de294c4002ca83acf60c5d0 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Fri, 7 Feb 2025 11:01:53 +1100
Subject: [PATCH] played a bit with styling

---
 src/app.css                            |  7 +++++++
 src/routes/(editor)/welcome.module.css | 13 +++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/src/app.css b/src/app.css
index 6bbf409..8e88d0c 100644
--- a/src/app.css
+++ b/src/app.css
@@ -181,6 +181,13 @@ samp {
   display: inline-block;
 }
 
+@supports ((scrollbar-width: auto) and (scrollbar-width: auto)) {
+  :root {
+    scrollbar-color: var(--surface-300) transparent;
+    scrollbar-width: auto;
+  }
+}
+
 @property --hue {
   syntax: '<angle>';
   inherits: false;
diff --git a/src/routes/(editor)/welcome.module.css b/src/routes/(editor)/welcome.module.css
index 0d6c5d2..8445e03 100644
--- 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);
+            }
+        }
     }
 }
\ No newline at end of file