variable.less 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. @import (reference) '../style/themes/index.less';
  2. /* size | 按钮内间距 */
  3. @button-padding: @size-3;
  4. /* corner-radius| 按钮圆角 */
  5. @button-corner-radius: @corner-radius-md;
  6. /* font-size | 副标题字号 */
  7. @button-subtext-size: @font-size-subcontent;
  8. /* color | 按钮边框宽度 */
  9. @button-border-size: @border-width-standard;
  10. /* opacity | disable状态不透明度 */
  11. @button-disabled-opacity: @opacity-disabled;
  12. /* color | 默认按钮文字色 */
  13. @button-color: @COLOR_TEXT_PRIMARY;
  14. /* color | 默认按钮背景色 */
  15. @button-background-color: @COLOR_WHITE_CHANGE;
  16. /* color | 默认按钮边框色 */
  17. @button-border-color: @COLOR_BORDER;
  18. /* color |primary按钮背景色 */
  19. @button-primary-background-color: @COLOR_BRAND1;
  20. /* color |primary按钮边框色 */
  21. @button-primary-border-color: @COLOR_BRAND1;
  22. /* color |primary按钮文字色 */
  23. @button-primary-color: @COLOR_WHITE;
  24. /* color |ghost按钮边框色 */
  25. @button-ghost-border-color: @COLOR_BRAND1;
  26. /* color |ghost按钮文字色 */
  27. @button-ghost-color: @COLOR_BRAND1;
  28. /* color |danger按钮背景色 */
  29. @button-danger-background-color: @COLOR_RED;
  30. /* color |danger按钮边框色 */
  31. @button-danger-border-color: @COLOR_RED;
  32. /* color |danger按钮文字色 */
  33. @button-danger-color: @COLOR_WHITE;
  34. /* color |danger-ghost按钮边框色 */
  35. @button-danger-ghost-border-color: @COLOR_RED;
  36. /* color |danger-ghost按钮文字色 */
  37. @button-danger-ghost-color: @COLOR_RED;
  38. /* color |light按钮背景色 */
  39. @button-light-background-color: @COLOR_WATHET;
  40. /* color |light按钮边框色 */
  41. @button-light-border-color: @COLOR_WATHET;
  42. /* color |light按钮文字色 */
  43. @button-light-color: @COLOR_BRAND1;
  44. /* size | 胶囊按钮圆角 */
  45. @button-inline-corner: @corner-radius-md;
  46. /* size | 胶囊按钮水平内间距 */
  47. @button-inline-padding-h: @size-3;
  48. /* size | 胶囊按钮垂直内间距 */
  49. @button-inline-padding-v: @size-1;
  50. /* font-size | 胶囊按钮大字号 */
  51. @button-inline-size-large: @font-size-subtitle;
  52. /* font-size | 胶囊按钮中字号 */
  53. @button-inline-size-medium: @font-size-content;
  54. /* font-size | 胶囊按钮小字号 */
  55. @button-inline-size-small: @font-size-subcontent;
  56. /* 图标尺寸 */
  57. @button-icon-size: 44 * @rpx;