Pārlūkot izejas kodu

wip: add active state to open select

David Hill 8 mēneši atpakaļ
vecāks
revīzija
cc17c3338e
1 mainītis faili ar 12 papildinājumiem un 0 dzēšanām
  1. 12 0
      packages/ui/src/components/select.css

+ 12 - 0
packages/ui/src/components/select.css

@@ -15,6 +15,18 @@
       color: var(--text-weak);
       transition: transform 0.1s ease-in-out;
     }
+
+    &[data-expanded] {
+      &[data-variant="secondary"] {
+        background-color: var(--button-secondary-hover);
+      }
+      &[data-variant="ghost"] {
+        background-color: var(--surface-raised-base-active);
+      }
+      &[data-variant="primary"] {
+        background-color: var(--icon-strong-active);
+      }
+    }
   }
 }