123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- .v-rating {
- max-width: 100%;
- display: inline-flex;
- white-space: nowrap;
- }
- .v-rating--readonly {
- pointer-events: none;
- }
- .v-rating__wrapper {
- align-items: center;
- display: inline-flex;
- flex-direction: column;
- }
- .v-rating__wrapper--bottom {
- flex-direction: column-reverse;
- }
- .v-rating__item {
- display: inline-flex;
- position: relative;
- }
- .v-rating__item label {
- cursor: pointer;
- }
- .v-rating__item .v-btn--variant-plain {
- opacity: 1;
- }
- .v-rating__item .v-btn {
- transition-property: transform;
- }
- .v-rating__item .v-btn .v-icon {
- transition: inherit;
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
- }
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
- transform: scale(1.25);
- }
- .v-rating__item--half {
- overflow: hidden;
- position: absolute;
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
- z-index: 1;
- }
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
- opacity: 0;
- }
- .v-rating__hidden {
- height: 0;
- opacity: 0;
- position: absolute;
- width: 0;
- }
|