Files
essence/scss/elements/_radio.scss
2024-01-25 18:19:38 -06:00

26 lines
426 B
SCSS

.essence-radio {
margin: 0.5rem 0;
padding-left: 0;
.form-check-input[type=radio] {
display: none;
}
label {
width: 100%;
padding: 0.5rem 1rem;
border: 1px solid $gray-300;
border-radius: 0.25rem;
cursor: pointer;
&:hover {
border-color: $gray-500;
}
}
.form-check-input[type=radio]:checked + label {
background-color: $primary-50;
border-color: $primary;
}
}