30 lines
645 B
SCSS
30 lines
645 B
SCSS
.radio-card {
|
|
input[type=radio] {
|
|
position: absolute;
|
|
opacity: 0;
|
|
&:focus + label {
|
|
box-shadow: 0px 0px 0px 4px $blue-600;
|
|
}
|
|
}
|
|
input[type="radio"]:checked + label {
|
|
background-color: $blue-100;
|
|
border: 1px solid $blue-600;
|
|
// &:focus {
|
|
// border: 2px solid $blue-600;
|
|
// }
|
|
}
|
|
label {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
background: $white;
|
|
border: 1px solid $gray-400;
|
|
border-radius: 8px;
|
|
padding: 8px;
|
|
width: 100%;
|
|
&:hover {
|
|
cursor: pointer;
|
|
box-shadow: 0px 0px 0px 10px $blue-100;
|
|
}
|
|
}
|
|
}
|