VRating.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .v-rating {
  2. max-width: 100%;
  3. display: inline-flex;
  4. white-space: nowrap;
  5. }
  6. .v-rating--readonly {
  7. pointer-events: none;
  8. }
  9. .v-rating__wrapper {
  10. align-items: center;
  11. display: inline-flex;
  12. flex-direction: column;
  13. }
  14. .v-rating__wrapper--bottom {
  15. flex-direction: column-reverse;
  16. }
  17. .v-rating__item {
  18. display: inline-flex;
  19. position: relative;
  20. }
  21. .v-rating__item label {
  22. cursor: pointer;
  23. }
  24. .v-rating__item .v-btn--variant-plain {
  25. opacity: 1;
  26. }
  27. .v-rating__item .v-btn {
  28. transition-property: transform;
  29. }
  30. .v-rating__item .v-btn .v-icon {
  31. transition: inherit;
  32. transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  33. }
  34. .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
  35. transform: scale(1.25);
  36. }
  37. .v-rating__item--half {
  38. overflow: hidden;
  39. position: absolute;
  40. clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
  41. z-index: 1;
  42. }
  43. .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
  44. opacity: 0;
  45. }
  46. .v-rating__hidden {
  47. height: 0;
  48. opacity: 0;
  49. position: absolute;
  50. width: 0;
  51. }