index.less 725 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. @import '../style/var';
  2. .van-circle {
  3. position: relative;
  4. display: inline-block;
  5. width: @circle-size;
  6. height: @circle-size;
  7. text-align: center;
  8. svg {
  9. position: absolute;
  10. top: 0;
  11. left: 0;
  12. width: 100%;
  13. height: 100%;
  14. }
  15. &__layer {
  16. stroke: @circle-layer-color;
  17. }
  18. &__hover {
  19. fill: none;
  20. stroke: @circle-color;
  21. stroke-linecap: round;
  22. }
  23. &__text {
  24. position: absolute;
  25. top: 50%;
  26. left: 0;
  27. box-sizing: border-box;
  28. width: 100%;
  29. padding: 0 @padding-base;
  30. color: @circle-text-color;
  31. font-weight: @circle-text-font-weight;
  32. font-size: @circle-text-font-size;
  33. line-height: @circle-text-line-height;
  34. transform: translateY(-50%);
  35. }
  36. }