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.
 
 

74 lines
1.4 KiB

@rate-prefix-cls: ant-rate;
@rate-star-color: #f5a623;
.@{rate-prefix-cls} {
margin: 0;
padding: 0;
list-style: none;
font-size: 18px;
display: inline-block;
vertical-align: middle;
font-family: 'anticon';
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased; /* 解决safair和chrome被加粗 */
-webkit-text-stroke-width: 0.2px; /* 解决chrome锯齿 */
-webkit-tap-highlight-color: transparent;
&-disabled &-star {
&:before,
&-content:before {
cursor: default;
}
&:hover {
transform: scale(1);
}
}
&-star {
margin: 0;
padding: 0;
display: inline-block;
margin-right: 8px;
position: relative;
transition: all 0.3s ease;
&:hover {
transform: scale(1.1);
color: tint(@rate-star-color, 20%);
}
&:before,
&-content:before {
color: #e9e9e9;
cursor: pointer;
content: "\E694";
transition: all 0.3s ease;
display: block;
}
&-content {
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
overflow: hidden;
&:before {
color: transparent;
}
}
&-half &-content:before,
&-full:before {
color: @rate-star-color;
}
}
&-text {
margin-left: 8px;
vertical-align: middle;
display: inline-block;
font-size: @font-size-base;
}
}