mirror of
https://github.com/picocss/pico.git
synced 2025-04-27 19:46:14 -04:00
style: selection and focus color
This commit is contained in:
parent
dfa4041b77
commit
6c3e126943
13 changed files with 52 additions and 39 deletions
|
@ -70,6 +70,8 @@
|
|||
|
||||
&:focus-visible {
|
||||
&:not([role]) {
|
||||
outline: var(#{$✨}outline-width) solid var(#{$✨}primary-focus);
|
||||
outline-offset: calc(var(#{$✨}spacing, 1rem) * 0.5);
|
||||
color: var(#{$✨}primary);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -104,6 +104,11 @@
|
|||
box-shadow: 0 0 0 var(#{$✨}outline-width) var(#{$✨}form-element-focus-color);
|
||||
}
|
||||
|
||||
// Reset focus visible from accordion component
|
||||
&:focus-visible {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
// Aria-invalid
|
||||
&[aria-invalid="false"] {
|
||||
#{$✨}form-element-border-color: var(#{$✨}form-element-valid-border-color);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue