Fix Dropdown Item Style Implementation
This commit is contained in:
1 parent
81bfd4a2b8
commit
7cf7c49937
2 files changed
+4
-4
No files matched your search
@@ -5,6 +5,7 @@
|
||||
$border_color: oklch(0 0 0 / 20%);
|
||||
$border_dark_color: oklch(1 0 0 / 20%);
|
||||
$hover_bg: oklch(0.9702 0 0); // #F5F5F5
|
||||
$hover_dark_bg: oklch(0.25 0 0);
|
||||
|
||||
$height: 40px;
|
||||
$border_radius: 8px;
|
||||
@@ -116,11 +117,11 @@ $default_animation_duration: 0.2s;
|
||||
font-size: 16px;
|
||||
|
||||
&:hover, &.focused {
|
||||
background-color: $hover_bg;
|
||||
background-color: light-dark($hover_bg, $hover_dark_bg);
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background-color: list.nth(library.$brand_palette, 1);
|
||||
background-color: light-dark(list.nth(library.$brand_palette, 1), list.nth(library.$brand_palette, 11));
|
||||
color: list.nth(library.$brand_palette, 5);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user