Update border color for input (validation).
This commit is contained in:
parent
35b57185d2
commit
32fc80bbad
1 changed files with 12 additions and 0 deletions
|
|
@ -73,6 +73,18 @@ html {
|
||||||
border-radius: .5rem;
|
border-radius: .5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
input:checked:focus {
|
||||||
|
+ label {
|
||||||
|
box-shadow: 0 0 0 1px $blue;
|
||||||
|
border-radius: .5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
input:checked:not(:focus) {
|
||||||
|
+ label {
|
||||||
|
box-shadow: 0 0 0 1px $blue;
|
||||||
|
border-radius: .5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
input:focus {
|
input:focus {
|
||||||
border: 1px solid $gray-500;
|
border: 1px solid $gray-500;
|
||||||
+ label {
|
+ label {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue