mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-27 19:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

style(dropdowns)

Browse source
This commit is contained in:
Lucas Larroche 2022-01-23 20:52:08 +07:00
parent f909542b1e
commit 75cfc082d8
5 changed files with 42 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

8
scss/themes/default/_dark.scss
View file

@ -113,9 +113,11 @@
--card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};
// Dropdown (<details role="list">)
--dropdown-background-color: var(--card-background-color);
--dropdown-focus-background-color: #{rgba($grey-500, 0.05)};
--dropdown-color: var(--form-element-color);
--dropdown-background-color: #{$grey-900};
--dropdown-border-color: #{mix($grey-900, $grey-800)};
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-focus-background-color: #{rgba(mix($grey-900, $grey-800), 0.75)};
// Modal (<dialog>)
--modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};

8
scss/themes/default/_light.scss
View file

@ -113,9 +113,11 @@
--card-sectionning-background-color: #{mix($grey-50, $white, 25%)};
// Dropdown (<details role="list">)
--dropdown-background-color: var(--card-background-color);
--dropdown-focus-background-color: #{mix($grey-50, $white)};
--dropdown-color: var(--form-element-color);
--dropdown-background-color: #{mix($grey-50, $white, 25%)};
--dropdown-border-color: #{mix($grey-100, $grey-50)};
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-focus-background-color: #{$grey-50};
// Modal (<dialog>)
--modal-overlay-background-color: #{rgba($grey-100, 0.8)};