33 lines
584 B
SCSS
33 lines
584 B
SCSS
//
|
|
// Custom Material Radio Buttons
|
|
// --------------------------------------------------
|
|
|
|
.themable-radio {
|
|
|
|
input[type=radio] {
|
|
|
|
// Radio button - Unchecked
|
|
& + label {
|
|
@extend .mdi-radiobox-blank;
|
|
|
|
&:before {
|
|
@extend .mdi;
|
|
font-size: $font-size-h5;
|
|
line-height: $font-size-h5;
|
|
vertical-align: middle;
|
|
content: "\F43D";
|
|
}
|
|
}
|
|
|
|
// Radio button - Checked
|
|
&:checked + label {
|
|
@extend .mdi-radiobox-marked;
|
|
|
|
&:before {
|
|
color: $brand-primary;
|
|
content: "\F43E";
|
|
}
|
|
}
|
|
}
|
|
}
|