index.less 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. @import "../styles/mixins/index.less";
  2. @import "../styles/themes/index.less";
  3. .@{wux-prefix}-rater {
  4. display: inline-block;
  5. margin: 0;
  6. padding: 0;
  7. line-height: normal;
  8. vertical-align: middle;
  9. font-weight: 400;
  10. font-style: normal;
  11. text-align: left;
  12. .clearfix();
  13. &__star {
  14. position: relative;
  15. display: inline-block;
  16. }
  17. &__star:last-child &__box {
  18. padding-right: 2px !important;
  19. margin-right: 0 !important;
  20. }
  21. &__box {
  22. position: relative;
  23. display: inline-block;
  24. text-align: center;
  25. cursor: pointer;
  26. color: @rater-star-color;
  27. transition: color .3s ease;
  28. &--disabled {
  29. color: @rater-star-color !important;
  30. cursor: not-allowed;
  31. }
  32. }
  33. &__icon {
  34. transition: color .3s ease;
  35. }
  36. &__inner {
  37. position: relative;
  38. display: inline-block;
  39. }
  40. &__outer {
  41. position: absolute;
  42. left: 0;
  43. top: 0;
  44. display: inline-block;
  45. overflow: hidden;
  46. }
  47. }