@opentiny/vue-theme/rate/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-rate{--tv-Rate-text-margin-left:var(--tv-space-lg, 12px);--tv-Rate-text-font-size:var(--tv-font-size-default, 14px);--tv-Rate-bottom-font-size:var(--tv-font-size-default, 14px);--tv-Rate-bottom-margin-top:var(--tv-space-md, 8px);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:0}.tiny-rate:active,.tiny-rate:focus{outline-width:0}.tiny-rate .tiny-rate__star{position:relative;display:inline-block;font-size:0;vertical-align:middle;text-align:center;line-height:1}.tiny-rate svg{-webkit-transition:.3s;transition:.3s}.tiny-rate svg.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.tiny-rate .tiny-rate__decimal{display:inline-block;overflow:hidden;font-size:16px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiny-rate .tiny-rate__text{vertical-align:middle;margin-left:var(--tv-Rate-text-margin-left);font-size:var(--tv-Rate-text-font-size)}.tiny-rate .tiny-rate__bottom-text{position:relative;font-size:var(--tv-Rate-bottom-font-size);text-align:center;text-overflow:clip;overflow:hidden;margin-top:var(--tv-Rate-bottom-margin-top)}