/* 自定义变量放在前面， 导入的element scss 放在后面， 否则不会覆盖element中的变量 */
/* 改变主题色变量 */
$--color-primary: #1e89eb;

$--color-success: #21AF59;

$--color-warning: #F9AD14;
$--color-danger: #F5222D;

//$--color-success-button: #21AF59;

/* Colors
-------------------------- */
$--color-white: #fff;
$--color-black: #000;

$--color-text-primary: #333333;
$--color-text-regular: #666666;
$--color-text-secondary: #999999;
$--color-text-placeholder: #cccccc;

/* Border
-------------------------- */
$--border-color-base: #e1e1e1;
$--border-color-light: #eeeeee;
$--border-color-lighter: #f4f4f4;
$--border-color-extra-light: #f8f8f8;

/* Background
-------------------------- */
$--background-color: #FBFBFB;
$--background-color-base: #F6F6F6;

/* Input
-------------------------- */
$--input-small-font-size: 12px;
$--input-small-height: 30px;

/* Button
-------------------------- */
$--button-success-fill: $--color-success;
$--button-hover-tint-percent: 15%;
$--button-active-shade-percent: 5%;

$--button-default-color: $--color-text-regular;
$--button-default-fill: $--color-white;
$--button-default-border: #E4E4E4;

$--button-font-size: 14px;
$--button-padding-vertical: 12px;
$--button-padding-horizontal: 20px;
$--button-border-radius: 4px;

$--button-medium-font-size: 13px;
$--button-medium-padding-vertical: 10px;
$--button-medium-padding-horizontal: 20px;
$--button-medium-border-radius: 4px;

$--button-small-font-size: 12px;
$--button-small-padding-vertical: 9px;
$--button-small-padding-horizontal: 15px;
$--button-small-border-radius: 4px;

$--button-mini-font-size: 12px;
$--button-mini-padding-vertical: 7px;
$--button-mini-padding-horizontal: 15px;
$--button-mini-border-radius: 3px;

/* Table
-------------------------- */
$--table-header-background: $--background-color-base;
$--table-header-color: $--color-text-regular;
$--table-border-color: #E4E4E4;

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";