chore: style tweaks
This commit is contained in:
parent
7a81812ea4
commit
005b40036d
3 changed files with 17 additions and 7 deletions
|
@ -20,9 +20,11 @@
|
|||
top: var(--sizing-lg);
|
||||
right: var(--sizing-lg);
|
||||
cursor: pointer;
|
||||
height: var(--sizing-svg-base);
|
||||
width: var(--sizing-svg-base);
|
||||
|
||||
&:focus,
|
||||
&:focus-within {
|
||||
&:focus svg,
|
||||
&:focus-within svg {
|
||||
outline: var(--outline)
|
||||
}
|
||||
|
||||
|
@ -31,6 +33,10 @@
|
|||
transform: rotate(0deg);
|
||||
transition: transform var(--transition-duration-default) var(--transition-ease-in-out);
|
||||
|
||||
&:focus {
|
||||
outline: var(--outline)
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
|
@ -59,8 +65,8 @@
|
|||
display: inline-flex;
|
||||
vertical-align: middle;
|
||||
|
||||
&:focus,
|
||||
&:focus-within {
|
||||
&:focus svg,
|
||||
&:focus-within svg {
|
||||
outline: var(--outline)
|
||||
}
|
||||
|
||||
|
@ -70,6 +76,10 @@
|
|||
transform: rotate(0deg);
|
||||
transition: transform var(--transition-duration-default) var(--transition-ease-in-out);
|
||||
|
||||
&:focus {
|
||||
outline: var(--outline)
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
|
|
Reference in a new issue