You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

79 lines
1.3 KiB

@import "../../style/themes/default";
@import "../../style/mixins/index";
9 years ago
@rate-prefix-cls: ant-rate;
@rate-star-color: #f5a623;
9 years ago
.@{rate-prefix-cls} {
margin: 0;
padding: 0;
list-style: none;
font-size: 18px;
9 years ago
display: inline-block;
vertical-align: middle;
9 years ago
font-family: 'anticon';
font-weight: normal;
font-style: normal;
&-disabled &-star {
&:before,
&-content:before {
cursor: default;
}
&:hover {
transform: scale(1);
}
9 years ago
}
&-star {
margin: 0;
padding: 0;
display: inline-block;
margin-right: 8px;
9 years ago
position: relative;
transition: all 0.3s ease;
&:hover {
transform: scale(1.1);
}
&:before,
&-content:before {
color: #e9e9e9;
cursor: pointer;
content: "\E694";
transition: all 0.3s ease;
display: block;
}
9 years ago
&-content {
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
overflow: hidden;
&:before {
color: transparent;
9 years ago
}
}
&-half &-content:before,
9 years ago
&-full:before {
color: @rate-star-color;
9 years ago
}
&-half:hover &-content:before,
&-full:hover:before {
color: tint(@rate-star-color, 20%);
}
}
9 years ago
&-text {
margin-left: 8px;
vertical-align: middle;
display: inline-block;
font-size: @font-size-base;
9 years ago
}
}