rate.scss 827 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. @import "mixins/mixins";
  2. @import "common/var";
  3. @include b(rate) {
  4. height: $--rate-height;
  5. line-height: 1;
  6. &:focus, &:active {
  7. outline-width: 0;
  8. }
  9. @include e(item) {
  10. display: inline-block;
  11. position: relative;
  12. font-size: 0;
  13. vertical-align: middle;
  14. }
  15. @include e(icon) {
  16. position: relative;
  17. display: inline-block;
  18. font-size: $--rate-icon-size;
  19. margin-right: $--rate-icon-margin;
  20. color: $--rate-icon-color;
  21. transition: .3s;
  22. &.hover {
  23. transform: scale(1.15);
  24. }
  25. .path2 {
  26. position: absolute;
  27. left: 0;
  28. top: 0;
  29. }
  30. }
  31. @include e(decimal) {
  32. position: absolute;
  33. top: 0;
  34. left: 0;
  35. display: inline-block;
  36. overflow: hidden;
  37. }
  38. @include e(text) {
  39. font-size: $--rate-font-size;
  40. vertical-align: middle;
  41. }
  42. }