Add focus effects to inputs

Provides better keyboard accessibility for:
* Checkboxes
* Range Inputs
* Copy-over Buttons
* Option-reveal Elements
Along with some minor design improvements
This commit is contained in:
robo-mop
2023-03-22 06:35:12 +05:30
committed by Aryan Pingle
parent cee51bf355
commit 7dbe0a7714
4 changed files with 43 additions and 0 deletions

View File

@@ -11,6 +11,10 @@
padding: 3px calc(var(--thumb-size) / 2 + 3px);
}
.checkbox:focus-within .track {
outline: white solid 2px;
}
.thumb {
position: relative;
width: var(--thumb-size);