index.less 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. @import '../../app.less';
  2. .button {
  3. text-align: center;
  4. cursor: pointer;
  5. display: inline-block;
  6. vertical-align: middle;
  7. transition: all 0.25s;
  8. border-radius: 2px;
  9. box-sizing: border-box;
  10. }
  11. .button.basic {
  12. padding: 4px 24px;
  13. line-height: 20px;
  14. font-size: 14px;
  15. }
  16. .button.small {
  17. padding: 3px 14px;
  18. line-height: 18px;
  19. font-size: 12px;
  20. }
  21. .button.lager {
  22. font-size: 14px;
  23. line-height: 24px;
  24. padding: 8px 16px;
  25. }
  26. .button.disabled {
  27. cursor: no-drop;
  28. }
  29. .button.basic.radius {
  30. border-radius: 17px;
  31. }
  32. .button.small.radius {
  33. border-radius: 14px;
  34. }
  35. .button.lager.radius {
  36. border-radius: 36px;
  37. }
  38. .button.theme {
  39. background: @theme_color;
  40. color: #fff;
  41. }
  42. .button.theme.disabled {
  43. background: #c8c8c8;
  44. border: 1px solid #b8b8b8;
  45. }
  46. .button.link {
  47. border: none;
  48. color: #686872;
  49. }
  50. .button.default {
  51. background: #fff;
  52. color: @holder_color;
  53. border: 1px solid @line_color;
  54. }
  55. .button.file {
  56. background: linear-gradient(180deg, rgba(249, 249, 249, 1) 0%, rgba(241, 241, 241, 1) 100%);
  57. border-radius: 3px;
  58. border: 1px solid #d5d5d5;
  59. }
  60. .button.white {
  61. background: #fff;
  62. color: @theme_color;
  63. }
  64. .button.error {
  65. background: #f36565;
  66. color: #fff;
  67. }
  68. .button.warn {
  69. background: #f2b252;
  70. color: #fff;
  71. }
  72. .button.border {
  73. background: #fff;
  74. border: 2px solid @theme_color;
  75. }
  76. .button.link:hover {
  77. color: @theme_color;
  78. }
  79. .button.theme:hover {
  80. background: @theme_color_hover;
  81. }
  82. .button.theme.disabled:hover {
  83. background: darken(#c8c8c8, 5);
  84. }
  85. .button.border:hover {
  86. border-color: @theme_color;
  87. }
  88. .button.default:hover {
  89. border-color: @holder_color;
  90. }
  91. .button.white:hover {
  92. color: @theme_color_hover;
  93. }
  94. .button.file:hover {
  95. background: #ececec;
  96. }
  97. .button.error:hover {
  98. background: darken(#f36565, 5);
  99. }
  100. .button.warn:hover {
  101. background: darken(#f2b252, 5);
  102. }