16 lines
1.1 KiB
CSS
16 lines
1.1 KiB
CSS
/* Aurora Admin Rate 样式 — 对齐 组件7.txt RateInput：星级、半星、只读、尺寸、文字 */
|
|
|
|
.aa-rate { display: inline-flex; align-items: center; gap: 4px; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); }
|
|
.aa-rate-star { position: relative; display: inline-block; font-size: 20px; line-height: 1; color: #E8ECF1; cursor: pointer; transition: color .15s, transform .1s; }
|
|
.aa-rate-star:hover { transform: scale(1.1); }
|
|
.aa-rate-star .aa-rate-fill { position: absolute; left: 0; top: 0; overflow: hidden; color: #2F54EB; white-space: nowrap; pointer-events: none; }
|
|
.aa-rate.is-readonly .aa-rate-star,
|
|
.aa-rate.is-disabled .aa-rate-star { cursor: default; }
|
|
.aa-rate.is-readonly .aa-rate-star:hover,
|
|
.aa-rate.is-disabled .aa-rate-star:hover { transform: none; }
|
|
.aa-rate-text { margin-left: 8px; font-size: 14px; color: #8C8C8C; }
|
|
.aa-rate.sm .aa-rate-star { font-size: 14px; }
|
|
.aa-rate.lg .aa-rate-star { font-size: 28px; }
|
|
.aa-rate.sm .aa-rate-text { font-size: 12px; }
|
|
.aa-rate.lg .aa-rate-text { font-size: 16px; }
|