salix/front/core/components/radio/style.scss

29 lines
597 B
SCSS

@import "variables";
.vn-radio {
& > .btn {
border-radius: 50%;
& > .mark {
transition: background 250ms;
}
}
&.checked > .btn {
border-color: $color-main;
& > .mark {
position: absolute;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
background-color: $color-main;
}
}
&.disabled.checked > .btn > .mark {
background-color: $color-font-secondary;
}
}