index.less 922 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. @import '../../app.less';
  2. .progress-button {
  3. text-align: center;
  4. cursor: pointer;
  5. display: inline-block;
  6. vertical-align: middle;
  7. transition: all 0.25s;
  8. border-radius: 6px;
  9. padding: 11px 24px;
  10. line-height: 20px;
  11. font-size: 14px;
  12. position: relative;
  13. overflow: hidden;
  14. .progress {
  15. height: 100%;
  16. background: @theme_color;
  17. position: absolute;
  18. top: 0;
  19. bottom: 0;
  20. left: 0;
  21. z-index: 0;
  22. }
  23. .progress-content {
  24. position: relative;
  25. z-index: 1;
  26. }
  27. }
  28. .progress-button.theme {
  29. background: @theme_holder_color;
  30. color: #fff;
  31. }
  32. .progress-button.default {
  33. background: #fff;
  34. color: @holder_color;
  35. border: 1px solid @theme_bg_color;
  36. }
  37. .progress-button.theme:hover {
  38. background: darken(@theme_holder_color, 5);
  39. .progress {
  40. background: darken(@theme_color, 5);
  41. }
  42. }
  43. .progress-button.default:hover {
  44. border-color: @theme_color;
  45. color: @theme_color;
  46. }