antd-mini/native/Button/variable.less

antd-mini 是支付宝小程序 UI 组件库，遵循 Ant Design 规范。

@import (reference) '../style/variables.less';
@import (reference) '../style/themes/index.less';

/* size | 按钮内间距 */
@button-padding: var(--button-padding, @size-3);

/* size | 大按钮内间距 */
@button-large-padding: var(--button-large-padding, @size-3);

/* size | 中按钮内间距 */
@button-medium-padding: var(--button-medium-padding-top, @size-2)
  var(--button-medium-padding-left, @size-3);

/* size | 小按钮内间距 */
@button-small-padding: var(--button-small-padding-top, @size-1)
  var(--button-small-padding-left, @size-3);

/* corner-radius| 按钮圆角 */
@button-corner-radius: @corner-radius-circle;

/* font-size | 副标题字号 */
@button-subtext-size: var(--button-subtext-size, @sizeFont2);

/* color | 按钮边框宽度 */
@button-border-size: var(--button-border-size, @border-width-standard);

/* opacity | disable状态不透明度 */
@button-disabled-opacity: var(--button-disabled-opacity, @OPACITY_DISABLE);

/* color | 默认按钮文字色 */
@button-color: var(--button-color, @COLOR_BRAND1);

/* color | 默认按钮背景色 */
@button-background-color: var(--button-background-color, @COLOR_WHITE_CHANGE);

/* color | 默认按钮边框色 */
@button-border-color: var(--button-border-color, @COLOR_BRAND2);

/* color |primary按钮背景色 */
@button-primary-background-color: var(
  --button-primary-background-color,
  @COLOR_BRAND1
);

/* color |primary按钮边框色 */
@button-primary-border-color: var(--button-primary-border-color, @COLOR_BRAND1);

/* color |primary按钮文字色 */
@button-primary-color: var(--button-primary-color, @COLOR_WHITE);

/* color |primary辅助按钮边框色 */
@button-primary-aide-border-color: var(
  --button-primary-aide-border-color,
  @COLOR_WATHET
);

/* color |primary辅助按钮边框色 */
@button-primary-aide-background-color: var(--color-wathet, @COLOR_WATHET);

/* color |primary辅助按钮文字色 */
@button-primary-aide-color: var(--button-primary-aide-color, @COLOR_BRAND1);

/* color |default辅助按钮边框色 */
@button-default-aide-border-color: var(
  --button-default-aide-border-color,
  @COLOR_BORDER_GREYCARD
);

/* color |default辅助按钮边框色 */
@button-default-aide-background-color: var(
  --button-default-aide-background-color,
  @COLOR_WHITE_CHANGE
);

/* color |default辅助按钮文字色 */
@button-default-aide-color: var(
  --button-default-aide-color,
  @COLOR_TEXT_PRIMARY
);

/* color |primary danger按钮背景色 */
@button-primary-danger-background-color: var(
  --button-primary-danger-background-color,
  @COLOR_RED
);

/* color |primary danger按钮边框色 */
@button-primary-danger-border-color: var(
  --button-primary-danger-border-color,
  @COLOR_RED
);

/* color |primary danger按钮文字色 */
@button-primary-danger-color: var(--button-primary-danger-color, @COLOR_WHITE);

/* color |default danger 按钮背景色 */
@button-default-danger-background-color: var(
  --button-default-danger-background-color,
  @COLOR_WHITE
);

/* color |default danger按钮边框色 */
@button-default-danger-border-color: var(
  --button-default-danger-border-color,
  @COLOR_RED
);

/* color |default danger按钮文字色 */
@button-default-danger-color: var(--button-default-danger-color, @COLOR_RED);

/* color |text danger按钮文字色 */
@button-text-danger-color: var(--button-text-danger-color, @COLOR_RED);

/* color |danger-ghost按钮文字色 */
@button-danger-default-color: var(--button-danger-default-color, @COLOR_RED);
/* color |active按钮文字色 */

@button-active-bg: var(--button-active-bg, @COLOR_WHITE_FADED);

@button-inline-size: var(--button-inline-size, @sizeFont5);

/* 图标尺寸 */
@button-icon-size: var(--button-icon-size, @sizeIconFont);

/* font-size | 默认按钮字号 */
@button-font-size: var(--button-font-size, @sizeFont8);

/* font-size | 大按钮字号 */
@button-large-font-size: var(--button-large-font-size, @sizeFont8);

/* font-size | 中按钮字号 */
@button-medium-font-size: var(--button-medium-font-size, @sizeFont7);

/* font-size | 小按钮字号 */
@button-small-font-size: var(--button-small-font-size, @sizeFont5);