Empathy: Let React now I'm a good boy and I won't mutate state

[lmno.games] / style.css

diff --git a/style.css b/style.css
index 877ef5980b7340d1453a2107cf6f0c76349f1f82..b4d5b1b7445d6c9cb8aee3f27f232637b6dd5dc0 100644 (file)
--- a/style.css
+++ b/style.css
@@ -23,6 +23,7 @@
     --accent-color: #287789;
     --accent-color-bright: #44c7ef;
     --text-fg-on-accent: white;
+    --text-fg-on-accent-bright: #333738;
 
     /* Some colors intended to convey semnatics. */
     --warning-color: #ffa92a;
@@ -81,8 +82,10 @@ a:link    {
 a:visited {
     color: var(--accent-color);
 }
-a:hover   {
-    color: var(--accent-color-bright);
+@media (hover:hover) {
+    a:hover   {
+        color: var(--accent-color-bright);
+    }
 }
 a:active  {
     color: var(--accent-color-bright);
@@ -278,9 +281,11 @@ button.inline {
     width: auto;
 }
 
-button:hover {
-    transform: translateY(-1px);
-    background-color: var(--accent-color-bright);
+@media (hover:hover) {
+    button:hover {
+        transform: translateY(-1px);
+        background-color: var(--accent-color-bright);
+    }
 }
 
 :focus {
@@ -331,8 +336,10 @@ button:hover {
     top: 0;
 }
 
-.hide-button:hover {
-    color: var(--danger-color-dark);
+@media (hover:hover) {
+    .hide-button:hover {
+        color: var(--danger-color-dark);
+    }
 }
 
 /*\