mirror of
https://github.com/picocss/pico.git
synced 2025-04-23 09:56:14 -04:00
fix: Dropdown focus styles
This commit is contained in:
parent
477992f869
commit
4102702b05
1 changed files with 28 additions and 15 deletions
|
@ -126,11 +126,23 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Close for details[role="list"]
|
&[open] {
|
||||||
&[open] summary {
|
summary {
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
|
|
||||||
|
&:not([role="button"]) {
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
border-color: var(#{$✨}form-element-border-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Close for details[role="list"]
|
||||||
&::before {
|
&::before {
|
||||||
display: block;
|
display: block;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
@ -145,6 +157,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// All Dropdowns inside <nav>
|
// All Dropdowns inside <nav>
|
||||||
nav details[role="list"] summary,
|
nav details[role="list"] summary,
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue