2025-04-02 21:57:33 +08:00

50 lines
827 B
SCSS

@import "mixins/mixins";
@import "common/var";
@include b(rate) {
height: $--rate-height;
line-height: 1;
&:focus, &:active {
outline-width: 0;
}
@include e(item) {
display: inline-block;
position: relative;
font-size: 0;
vertical-align: middle;
}
@include e(icon) {
position: relative;
display: inline-block;
font-size: $--rate-icon-size;
margin-right: $--rate-icon-margin;
color: $--rate-icon-color;
transition: .3s;
&.hover {
transform: scale(1.15);
}
.path2 {
position: absolute;
left: 0;
top: 0;
}
}
@include e(decimal) {
position: absolute;
top: 0;
left: 0;
display: inline-block;
overflow: hidden;
}
@include e(text) {
font-size: $--rate-font-size;
vertical-align: middle;
}
}