28 lines
615 B
SCSS
28 lines
615 B
SCSS
.radio-card {
|
|
input[type=radio] {
|
|
&:focus + label {
|
|
background-color: $white;
|
|
box-shadow: 0px 0px 0px 4px $blue-600;
|
|
}
|
|
&:focus-visible + label {
|
|
background-color: $white;
|
|
box-shadow: 0px 0px 0px 4px $blue-600;
|
|
}
|
|
&:checked + label {
|
|
background-color: $blue-100;
|
|
border: 1px solid $blue-600;
|
|
}
|
|
&.invalid + label {
|
|
background-color: $white;
|
|
border: 1px solid $red-500;
|
|
}
|
|
}
|
|
label {
|
|
background: $white;
|
|
border: 1px solid $gray-400;
|
|
&:hover {
|
|
cursor: pointer;
|
|
box-shadow: 0px 0px 0px 6px $blue-100;
|
|
}
|
|
}
|
|
}
|