amis2/scss/components/form/_rating.scss
sansiro 7bd158b2c3
feat: inputRating 组件功能对齐4.0规范 (#2949)
* feat: 评分组件 input-rating

* feat: 评分组件 input-rating

* feat: 评分组件 input-rating

* feat: 评分组件 input-rating 修改

* feat: 评分组件 input-rating 修改

* feat: 评分组件 input-rating 修改

* feat: 评分组件 input-rating 修改

* feat: 评分组件 input-rating 修改 Schema

Co-authored-by: liuzedong02 <liuzedong02@baidu.com>
2021-12-21 13:24:00 +08:00

75 lines
1.3 KiB
SCSS

.#{$ns}Rating {
display: flex;
position: relative;
align-items: center;
justify-content: flex-start;
flex-flow: row wrap;
& > ul {
display: flex;
padding: unset;
margin: unset;
align-items: center;
justify-content: flex-start;
flex-flow: row wrap;
}
&-star {
position: relative;
margin-right: var(--Rating-star-margin);
overflow: hidden;
display: block;
font-size: var(--Rating-star-size);
line-height: 1;
cursor: pointer;
user-select: none;
color: var(--Rating-inactive-color);
&-half > svg.icon,
& > svg.icon {
display: block;
width: px2rem(24px);
height: px2rem(24px);
top: 0;
}
&:last-of-type {
margin-right: 0;
}
&.is-disabled {
cursor: not-allowed;
pointer-events: none;
}
&-half {
position: absolute;
overflow: hidden;
display: block;
z-index: 1;
top: 0;
left: 0;
width: 50%;
}
}
&-text {
font-size: var(--fontSizeSm);
color: var(--text-color);
font-weight: var(--fontWeightNormal);
&--left {
margin-right: var(--Rating-star-margin);
}
&--right {
margin-left: var(--Rating-star-margin);
}
}
}
.#{$ns}RatingControl {
position: relative;
overflow: hidden;
}