added dark classes

powerhome · Aug 17, 2023 · be33988 · be33988
1 parent 9aa2896
commit be33988
Showing 1 changed file with 39 additions and 0 deletions.
diff --git a/playbook/app/pb_kits/playbook/pb_select/_select.scss b/playbook/app/pb_kits/playbook/pb_select/_select.scss
@@ -152,6 +152,45 @@
       }
     }
   }
+  select[multiple] {
+    @include pb_textarea_dark;
+    @include pb_body_light_dark;
+    background: none;
+    background-color: rgba($white,.10);
+    appearance: none;
+    cursor: pointer;
+    box-shadow: inset 0 -11px 20px rgba($white, 0.05);
+    padding-right: 0px !important;
+    color: transparent !important;
+    text-shadow: 0 0 0 $text_dk_default;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    padding: $space_xs 0px !important;
+    max-height: unset !important;
+    @media (hover:hover) {
+      &:hover, &:active, &:focus {
+        background-color: rgba($white,.05);
+      }
+    }
+    &:focus{
+      border-color: $primary;
+      @include transition_default;
+    }
+    option {
+      padding-left: $space_sm;
+      padding-top: $space_xxs;
+      padding-bottom: $space_xxs;
+    }
+    option:checked {
+      background-color: $hover_dark;
+    }
+    option:hover {
+      background-color: $hover_dark;
+    }
+  }
+  option {
+    color: $text_dk_default;
+  }
   .pb_select_kit_caret {
     color: $white;
   }