@import './variables.scss';
@import '~@alifd/next/lib/core/index-noreset'; // next core style
@import '~@alifd/next/lib/search/scss/variable';
@import '~@alifd/next/lib/search/scss/mixin';
.#{$css-prefix}rating-base-disabled {
.#{$css-prefix}rating-underlay .#{$css-prefix}icon {
color: $b-design-rating-disabled-color;
}
}
.#{$css-prefix}rating-small {
.#{$css-prefix}rating-icon {
.#{$css-prefix}icon::before {
font-size: $b-design-rating-small-size;
width: $b-design-rating-small-size;
}
}
}
.#{$css-prefix}rating-medium {
font-size: $b-design-rating-medium-size;
.#{$css-prefix}rating-icon {
.#{$css-prefix}icon::before {
font-size: $b-design-rating-medium-size;
width: $b-design-rating-medium-size;
}
}
}
.#{$css-prefix}rating-large {
.#{$css-prefix}rating-icon {
.#{$css-prefix}icon::before {
font-size: $b-design-rating-large-size;
width: $b-design-rating-large-size;
}
}
}
.#{$css-prefix}rate-favorite {
.#{$css-prefix}rating-underlay {
.#{$css-prefix}rating-icon {
.#{$css-prefix}rating-symbol-icon::before {
content: url('data:image/svg+xml; utf8, ');
}
}
}
.#{$css-prefix}rating-overlay {
.#{$css-prefix}rating-icon {
.#{$css-prefix}rating-symbol-icon::before {
content: url('data:image/svg+xml; utf8, ');
}
}
}
}
// 数字状态颜色
.#{$css-prefix}rate-number {
.#{$css-prefix}rating-overlay,
.#{$css-prefix}rating-underlay {
.#{$css-prefix}rating-symbol-icon::before {
color: transparent;
}
}
}
.#{$css-prefix}number-rate-underlay {
color: $b-design-rating-enabled-color;
}
.#{$css-prefix}number-rate-overlay {
color: $b-design-rating-active-color;
}
.#{$css-prefix}large {
.#{$css-prefix}number-rate-underlay,
.#{$css-prefix}number-rate-overlay {
.#{$css-prefix}icon {
div {
font-size: $b-design-rating-large-size !important;
width: $b-design-rating-large-width !important;
}
}
}
}
.#{$css-prefix}small {
.#{$css-prefix}number-rate-underlay,
.#{$css-prefix}number-rate-overlay {
.#{$css-prefix}icon {
div {
font-size: 16px !important;
width: 20px !important;
}
}
}
}
//新增调整icon之间间距
// .#{$css-prefix}rating-underlay,
// .#{$css-prefix}rating-overlay {
// .#{$css-prefix}rating-icon {
// margin-left: $b-design-rating-margin-l;
// }
// }