index.scss 484 B

123456789101112131415161718192021222324
  1. .nut-circleprogress {
  2. position: relative;
  3. &-hover {
  4. stroke: $circle-progress-primary-color;
  5. transition: stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s;
  6. }
  7. &-path {
  8. stroke: $circle-progress-path-color;
  9. }
  10. &-text {
  11. position: absolute;
  12. top: 50%;
  13. left: 0;
  14. box-sizing: border-box;
  15. width: 100%;
  16. transform: translateY(-50%);
  17. text-align: center;
  18. color: $circle-progress-text-color;
  19. font-size: $circle-progress-text-size;
  20. }
  21. }