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

29 lines
601 B
SCSS
Raw Normal View History

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