Просмотр исходного кода

wip: add active state to open select

David Hill 2 месяцев назад
Родитель
Сommit
0af2254856
1 измененных файлов с 12 добавлено и 0 удалено
  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);
+      }
+    }
   }
 }