mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-30 21:09:13 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: dropdown

Browse source
This commit is contained in:
Lucas Larroche 2023-04-02 22:37:00 +07:00
parent 09dc2a75b5
commit f0a2480fc6
14 changed files with 56 additions and 410 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -167,8 +167,8 @@
#{$✨}card-sectioning-background-color: #{mix($slate-900, $slate-850, 75%)};
}
// Dropdown (<details role="list">)
@if map.get($modules, "components/dropdown") {
// Dropdown (details.dropdown)
@if map.get($modules, "components/dropdown") and $enable-classes {
#{$✨}dropdown-background-color: #{$slate-900};
#{$✨}dropdown-border-color: #{$slate-850};
#{$✨}dropdown-box-shadow: var(#{$✨}box-shadow);

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

@ -167,8 +167,8 @@
#{$✨}card-sectioning-background-color: #{mix($slate-50, $white, 25%)};
}
// Dropdown (<details role="list">)
@if map.get($modules, "components/dropdown") {
// Dropdown (details.dropdown)
@if map.get($modules, "components/dropdown") and $enable-classes {
#{$✨}dropdown-background-color: #{$white};
#{$✨}dropdown-border-color: #{$slate-50};
#{$✨}dropdown-box-shadow: var(#{$✨}box-shadow);

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

@ -358,15 +358,15 @@
}
}
// Dropdown (<details role="list">)
@if map.get($modules, "components/dropdown") {
details[role="list"] {
// Dropdown (details.dropdown)
@if map.get($modules, "components/dropdown") and $enable-classes {
details.dropdown {
summary:not([role="button"]) {
#{$✨}outline-width: 0.0625rem;
}
}
nav {
details[role="list"] {
details.dropdown {
summary:focus-visible {
#{$✨}outline-width: 0.1875rem;
}