// @import "../../variables/index";
// 组件变量
// 名称可按如下规则定义：
// <component>-[type]-<attr>-[attrtype]-[status]
// component:组件名，如button，
// type: 组件类型，如 button 的次要按钮（line）
// attr: 属性名称，如color、height、border-radius、font-size 等
// attrtype: 属性的具体应用场景。如颜色，用于背景（bg）、文本（text）、边框（boder）等
// status: 表示组件状态或尺寸，如 hover、disabled、s、l 等
// 如：@button-line-color-bg-hover
// 如：@button-line-height-s

$btn-text-padding: 5px !default;
$btn-link-padding: 0 !default;
$btn-icon-padding: 5px !default;
$btn-font-size:$font-size-default !default;
$btn-border-radius:$border-radius !default;

// 默认按钮
$btn-primary-color-text:$color-text-anti-primary !default;
$btn-primary-color-text-hover:$color-text-anti-primary !default;
$btn-primary-color-text-active:$color-text-anti-primary !default;
$btn-primary-color-text-focus:$color-text-anti-primary !default;
$btn-primary-color-text-disabled:$color-text-anti-primary !default;

$btn-primary-color-bg:$color-primary !default;
$btn-primary-color-bg-hover:$color-primary-hover !default;
$btn-primary-color-bg-active:$color-primary-active !default;
$btn-primary-color-bg-focus:$color-primary-focus !default;
$btn-primary-color-bg-disabled:$color-primary-disabled !default;

$btn-primary-color-border:$color-primary !default;
$btn-primary-color-border-hover:$color-primary-hover !default;
$btn-primary-color-border-active:$color-primary-active !default;
$btn-primary-color-border-focus:$color-primary-focus !default;
$btn-primary-color-border-disabled:$color-primary-disabled !default;


// 支付按钮
$btn-pay-color-text:$color-text-anti-primary !default;
$btn-pay-color-text-hover:$color-text-anti-primary !default;
$btn-pay-color-text-active:$color-text-anti-primary !default;
$btn-pay-color-text-focus:$color-text-anti-primary !default;
$btn-pay-color-text-disabled:$color-text-anti-primary !default;

$btn-pay-color-bg:$color-warning !default;
$btn-pay-color-bg-hover:$color-warning-hover !default;
$btn-pay-color-bg-active:$color-warning-active !default;
$btn-pay-color-bg-focus:$color-warning-focus !default;
$btn-pay-color-bg-disabled:$color-warning-disabled !default;

$btn-pay-color-border:$color-warning !default;
$btn-pay-color-border-hover:$color-warning-hover !default;
$btn-pay-color-border-active:$color-warning-active !default;
$btn-pay-color-border-focus:$color-warning-focus !default;
$btn-pay-color-border-disabled:$color-warning-disabled !default;


// 错误按钮
$btn-error-color-text:$color-text-anti-primary !default;
$btn-error-color-text-hover:$color-text-anti-primary !default;
$btn-error-color-text-active:$color-text-anti-primary !default;
$btn-error-color-text-focus:$color-text-anti-primary !default;
$btn-error-color-text-disabled:$color-text-anti-primary !default;

$btn-error-color-bg:$color-error !default;
$btn-error-color-bg-hover:$color-error-hover !default;
$btn-error-color-bg-active:$color-error-active !default;
$btn-error-color-bg-focus:$color-error-focus !default;
$btn-error-color-bg-disabled:$color-error-disabled !default;

$btn-error-color-border:$color-error !default;
$btn-error-color-border-hover:$color-error-hover !default;
$btn-error-color-border-active:$color-error-active !default;
$btn-error-color-border-focus:$color-error-focus !default;
$btn-error-color-border-disabled:$color-error-disabled !default;


// 弱按钮
$btn-weak-color-text:$color-primary !default;
$btn-weak-color-text-hover:$color-primary !default;
$btn-weak-color-text-active:$color-primary !default ;
$btn-weak-color-text-focus:$color-primary !default;
$btn-weak-color-text-disabled:$color-primary-disabled !default;

$btn-weak-color-bg:$color-bg !default;
$btn-weak-color-bg-hover:$color-bg-hover !default;
$btn-weak-color-bg-active:$color-bg-active !default;
$btn-weak-color-bg-focus:$color-bg-focus !default;
$btn-weak-color-bg-disabled:$color-bg !default;

$btn-weak-color-border:$color-border !default;
$btn-weak-color-border-hover:$color-border !default;
$btn-weak-color-border-active:$color-border !default;
$btn-weak-color-border-focus:$color-border !default;
$btn-weak-color-border-disabled:$color-border-disabled !default;


// 链接按钮
$btn-link-color-text:$color-primary !default;
$btn-link-color-text-hover:$color-primary-hover !default;
$btn-link-color-text-active:$color-primary !default;
$btn-link-color-text-focus:$color-primary !default;
$btn-link-color-text-disabled:$color-primary-disabled !default;

$btn-link-color-bg:transparent !default;
$btn-link-color-bg-hover:transparent !default;
$btn-link-color-bg-active:transparent !default;
$btn-link-color-bg-focus:transparent !default;
$btn-link-color-bg-disabled:transparent !default;

$btn-link-color-border:transparent !default;
$btn-link-color-border-hover:transparent !default;
$btn-link-color-border-active:transparent !default;
$btn-link-color-border-focus:transparent !default;
$btn-link-color-border-disabled:transparent !default;

// 文本按钮
$btn-text-color-text:$color-text !default;
$btn-text-color-text-hover:$color-text !default;
$btn-text-color-text-active:$color-text !default;
$btn-text-color-text-focus:$color-text !default;
$btn-text-color-text-disabled:$color-text-disabled !default;

$btn-text-color-bg:transparent !default;
$btn-text-color-bg-hover:$color-bg-hover !default;
$btn-text-color-bg-active:$color-bg-active !default;
$btn-text-color-bg-focus:$color-bg-focus !default;
$btn-text-color-bg-disabled:transparent !default;

$btn-text-color-border:transparent !default;
$btn-text-color-border-hover:transparent !default;
$btn-text-color-border-active:transparent !default;
$btn-text-color-border-focus:transparent !default;
$btn-text-color-border-disabled:transparent !default;

// icon 按钮
$btn-icon-color-bg:transparent !default;
$btn-icon-color-bg-hover:$color-bg-hover !default;
$btn-icon-color-bg-active:$color-bg-active !default;
$btn-icon-color-bg-focus:$color-bg-focus !default;
$btn-icon-color-bg-disabled:transparent !default;

$btn-icon-color-border:transparent !default;
$btn-icon-color-border-hover:transparent !default;
$btn-icon-color-border-active:transparent !default;
$btn-icon-color-border-focus:transparent !default;
$btn-icon-color-border-disabled:transparent !default;