@arco-design/web-react
Version:
Arco Design React UI Library.
1 lines • 1.64 kB
CSS
.arco-rate{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.arco-rate-disabled{cursor:not-allowed}.arco-rate-inner{display:flex;align-items:center;min-height:32px;font-size:24px;line-height:1}.arco-rate-character{position:relative;color:var(--color-fill-3);transition:transform .2s cubic-bezier(.34,.69,.1,1)}.arco-rate-character:not(:last-child){margin-right:8px}.arco-rate-character-left,.arco-rate-character-right{transition:inherit}.arco-rate-character-left>*,.arco-rate-character-right>*{float:left}.arco-rate-character-left{position:absolute;top:0;left:0;width:50%;white-space:nowrap;overflow:hidden;opacity:0}.arco-rate-character-scale{animation:arco-rate-scale .4s cubic-bezier(.34,.69,.1,1)}.arco-rate-character-full .arco-rate-character-right{color:rgb(var(--gold-6))}.arco-rate-character-half .arco-rate-character-left{color:rgb(var(--gold-6));opacity:1}.arco-rate-character-disabled{cursor:not-allowed}.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character{cursor:pointer}.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character:focus,.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character:hover{transform:scale(1.2)}@keyframes arco-rate-scale{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.arco-rate-rtl{direction:rtl}.arco-rate-rtl .arco-rate-character:not(:last-child){margin-right:0;margin-left:8px}.arco-rate-rtl .arco-rate-character-left{left:initial;right:0}.arco-rate-rtl .arco-rate-character-left>*,.arco-rate-rtl .arco-rate-character-right>*{float:right}