index.less 976 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. @import './var.less';
  2. :root {
  3. --van-rate-icon-size: @rate-icon-size;
  4. --van-rate-icon-gutter: @rate-icon-gutter;
  5. --van-rate-icon-void-color: @rate-icon-void-color;
  6. --van-rate-icon-full-color: @rate-icon-full-color;
  7. --van-rate-icon-disabled-color: @rate-icon-disabled-color;
  8. }
  9. .van-rate {
  10. display: inline-flex;
  11. cursor: pointer;
  12. user-select: none;
  13. flex-wrap: wrap;
  14. &__item {
  15. position: relative;
  16. &:not(:last-child) {
  17. padding-right: var(--van-rate-icon-gutter);
  18. }
  19. }
  20. &__icon {
  21. display: block;
  22. width: 1em;
  23. color: var(--van-rate-icon-void-color);
  24. font-size: var(--van-rate-icon-size);
  25. &--half {
  26. position: absolute;
  27. top: 0;
  28. left: 0;
  29. overflow: hidden;
  30. }
  31. &--full {
  32. color: var(--van-rate-icon-full-color);
  33. }
  34. &--disabled {
  35. color: var(--van-rate-icon-disabled-color);
  36. }
  37. }
  38. &--disabled {
  39. cursor: not-allowed;
  40. }
  41. &--readonly {
  42. cursor: default;
  43. }
  44. }