// 组件变量
// 名称可按如下规则定义：
// <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

//input textarea 公用变量
$input-font-size:$font-size-default !default;
$input-border-radius:$border-radius  !default;

$input-color-text:$color-text  !default;
$input-color-text-label:$color-text-label  !default;

$input-color-border:$color-border  !default;
$input-color-border-focus:$color-primary  !default;
$input-color-border-hover:$color-border-hover  !default;

$input-color-bg:$color-bg  !default;
$input-color-bg-hover:$color-bg  !default;
$input-color-bg-focus:$color-bg  !default;
$input-color-bg-gray:$color-bg-gray  !default;
$input-color-bg-disabled:$color-bg-disabled  !default;

$input-width-xs:60px  !default;
$input-width-s:100px  !default;
$input-width-default:200px  !default;
$input-width-l:420px  !default;


// select
$select-font-size:$font-size-default  !default;
$select-border-radius:$border-radius  !default;

$select-color-text:$color-text  !default;
$select-color-text-hover:$color-text  !default;
$select-color-text-disabled:$color-text  !default;

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

$select-color-bg:$color-bg  !default;
$select-color-bg-hover:$color-bg-hover  !default;
$select-color-bg-focus:$color-bg  !default;
$select-color-bg-disabled:$color-bg-disabled  !default;

$select-width-xs:60px  !default;
$select-width-s:100px  !default;
$select-width-default:200px  !default;
$select-width-l:420px  !default;

$select-padding-left:10px !default;

// 搜索
$search-color-bg:$color-bg  !default;
$search-border-radius:$border-radius  !default;

$search-padding-left:10px !default;

$select-refresh-icon-margin-left: -1px !default;
$select-refresh-icon-border :1px solid $select-color-border !default;
$select-refresh-icon-padding:6px !default;
$select-refresh-loading-btn-padding:6px !default;

$input-padding:10px !default;