mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-06-15 10:44:53 -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

3
scss/components/_dropdown.scss
View file

@ -51,12 +51,13 @@ details[role="list"] {
left: 0;
margin: 0;
padding: 0;
border: var(--border-width) solid var(--form-element-border-color);
border: var(--border-width) solid var(--dropdown-border-color);
border-top: none;
border-radius: var(--border-radius);
border-top-right-radius: 0;
border-top-left-radius: 0;
background-color: var(--dropdown-background-color);
box-shadow: var(--card-box-shadow);
color: var(--dropdown-color);
li {

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)};