Tweak focus ring width
This commit is contained in:
parent
9938f30c84
commit
36bb73118d
@ -83,7 +83,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@mixin button-focused {
|
@mixin button-focused {
|
||||||
outline: var(--outline-focus) solid thick !important;
|
outline: var(--outline-focus) solid 0.3rem !important;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-color: var(--background-dark);
|
border-color: var(--background-dark);
|
||||||
}
|
}
|
||||||
|
@ -114,11 +114,11 @@ input {
|
|||||||
}
|
}
|
||||||
|
|
||||||
:focus {
|
:focus {
|
||||||
outline: var(--outline-focus) solid thick !important;
|
outline: var(--outline-focus) solid 0.3rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:focus-visible {
|
:focus-visible {
|
||||||
outline: var(--outline-focus) solid thick !important;
|
outline: var(--outline-focus) solid 0.3rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.checkbox {
|
.checkbox {
|
||||||
@ -165,7 +165,7 @@ input {
|
|||||||
|
|
||||||
&:focus ~ span:after {
|
&:focus ~ span:after {
|
||||||
content: '';
|
content: '';
|
||||||
outline: var(--outline-focus) solid thick;
|
outline: var(--outline-focus) solid 0.3rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: -0.5rem;
|
right: -0.5rem;
|
||||||
|
Loading…
Reference in New Issue
Block a user