mirror of
https://github.com/picocss/pico.git
synced 2025-02-24 00:39:20 -05:00
fix: Dropdown focus styles
This commit is contained in:
parent
477992f869
commit
4102702b05
@ -126,22 +126,35 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 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;
|
||||||
|
|
||||||
&::before {
|
&:not([role="button"]) {
|
||||||
display: block;
|
&:active,
|
||||||
z-index: 1;
|
&:focus {
|
||||||
position: fixed;
|
border-color: var(#{$✨}form-element-border-color);
|
||||||
top: 0;
|
}
|
||||||
right: 0;
|
}
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
&:focus {
|
||||||
background: none;
|
box-shadow: none;
|
||||||
content: "";
|
}
|
||||||
cursor: default;
|
|
||||||
|
// Close for details[role="list"]
|
||||||
|
&::before {
|
||||||
|
display: block;
|
||||||
|
z-index: 1;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
background: none;
|
||||||
|
content: "";
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user