Add styling for radio buttons
One of the few remaining items we didn't have styling for.
This commit is contained in:
parent
564a89bcb9
commit
80ea7e17ec
|
@ -115,6 +115,19 @@ input[type=checkbox]:checked::after {
|
||||||
transform: rotate(40deg);
|
transform: rotate(40deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
input[type=radio] {
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 1px solid dimgrey;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
padding: 0;
|
||||||
|
margin-right: 6px;
|
||||||
|
transition: 0.2s border linear;
|
||||||
|
}
|
||||||
|
input[type=radio]:checked {
|
||||||
|
border: 6px solid rgb(110, 132, 163);
|
||||||
|
}
|
||||||
|
|
||||||
input[type=range] {
|
input[type=range] {
|
||||||
appearance: none;
|
appearance: none;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
@ -163,6 +176,7 @@ input[type=image]:focus-visible,
|
||||||
input[type=month]:focus-visible,
|
input[type=month]:focus-visible,
|
||||||
input[type=number]:focus-visible,
|
input[type=number]:focus-visible,
|
||||||
input[type=password]:focus-visible,
|
input[type=password]:focus-visible,
|
||||||
|
input[type=radio]:focus-visible,
|
||||||
input[type=range]:focus-visible,
|
input[type=range]:focus-visible,
|
||||||
input[type=reset]:focus-visible,
|
input[type=reset]:focus-visible,
|
||||||
input[type=search]:focus-visible,
|
input[type=search]:focus-visible,
|
||||||
|
@ -190,6 +204,7 @@ input[type=image]:disabled,
|
||||||
input[type=month]:disabled,
|
input[type=month]:disabled,
|
||||||
input[type=number]:disabled,
|
input[type=number]:disabled,
|
||||||
input[type=password]:disabled,
|
input[type=password]:disabled,
|
||||||
|
input[type=radio]:disabled,
|
||||||
input[type=range]:disabled,
|
input[type=range]:disabled,
|
||||||
input[type=reset]:disabled,
|
input[type=reset]:disabled,
|
||||||
input[type=search]:disabled,
|
input[type=search]:disabled,
|
||||||
|
|
Loading…
Reference in New Issue