Add hover state to mode indicators

brookslybrand · brookslybrand · commit 82dd65158e46 · 2025-03-17T08:50:09.000-05:00
diff --git a/app/styles/docs.css b/app/styles/docs.css
@@ -588,11 +588,11 @@
   }
 
   li a.yes {
-    @apply text-green-600 dark:text-green-400;
+    @apply text-green-600 dark:text-green-400 hover:text-green-800 dark:hover:text-green-200;
   }
 
   li a.no {
-    @apply opacity-20;
+    @apply opacity-20 hover:opacity-40;
   }
 
   svg {
@@ -613,11 +613,11 @@
   }
 
   li a.yes {
-    @apply text-green-600 dark:text-green-400;
+    @apply text-green-600 dark:text-green-400 hover:text-green-800 dark:hover:text-green-200;
   }
 
   li a.no {
-    @apply opacity-20;
+    @apply opacity-20 hover:opacity-40;
   }
 
   svg {

Original file line number	Diff line number	Diff line change
`@@ -588,11 +588,11 @@`
`588`	`588`	`}`
`589`	`589`
`590`	`590`	`li a.yes {`
`591`		`- @apply text-green-600 dark:text-green-400;`
	`591`	`+ @apply text-green-600 dark:text-green-400 hover:text-green-800 dark:hover:text-green-200;`
`592`	`592`	`}`
`593`	`593`
`594`	`594`	`li a.no {`
`595`		`- @apply opacity-20;`
	`595`	`+ @apply opacity-20 hover:opacity-40;`
`596`	`596`	`}`
`597`	`597`
`598`	`598`	`svg {`
`@@ -613,11 +613,11 @@`
`613`	`613`	`}`
`614`	`614`
`615`	`615`	`li a.yes {`
`616`		`- @apply text-green-600 dark:text-green-400;`
	`616`	`+ @apply text-green-600 dark:text-green-400 hover:text-green-800 dark:hover:text-green-200;`
`617`	`617`	`}`
`618`	`618`
`619`	`619`	`li a.no {`
`620`		`- @apply opacity-20;`
	`620`	`+ @apply opacity-20 hover:opacity-40;`
`621`	`621`	`}`
`622`	`622`
`623`	`623`	`svg {`