@import './var.scss';

// 颜色
.et-color-primary {
  color: $--color-primary;
}
.et-color-success {
  color: $--color-success;
}
.et-color-warning {
  color: $--color-warning;
}
.et-color-danger {
  color: $--color-danger;
}
.et-color-info {
  color: $--color-info;
}
.et-color-text-primary {
    color: $--color-text-primary
}
.et-color-text-regular {
    color: $--color-text-regular
}
.et-color-text-secondary {
    color: $--color-text-secondary
}
.et-color-text-placeholder {
    color: $--color-text-placeholder
}

// 字体
.et-font-12 {
  font-size: $--font-size-extra-small;
}
.et-font-13 {
  font-size: $--font-size-small;
}
.et-font-14 {
  font-size: $--font-size-base;
}
.et-font-16 {
  font-size: $--font-size-medium;
}
.et-font-18 {
  font-size: $--font-size-large;
}
.et-font-20 {
  font-size: $--font-size-extra-large;
}

// 边框
.et-border-radius-base {
  border-radius: $--border-radius-base;
}
.et-border-radius-small {
  border-radius: $--border-radius-small;
}
.et-border-radius-circle {
  border-radius: 30px;
}
.et-border-radius-zero {
  border-radius: $--border-radius-zero;
}

// 投影
.et-box-shadow-base {
  box-shadow: $--box-shadow-base;
}
.et-box-shadow-dark {
  box-shadow: $--box-shadow-dark;
}
.et-box-shadow-light {
  box-shadow: $--box-shadow-light;
}

$--menu-bg-color: #041527 !default;
$--menu-text-color: #bfcbd9 !default;
$--menu-active-text-color: #fff !default;
$--menu-bg-active-color: $--color-primary !default;

:export {
  colorPrimary: $--color-primary;
  colorSuccess: $--color-success;
  colorWarning: $--color-warning;
  colorDanger: $--color-danger;
  colorInfo: $--color-info;

  colorTextPrimary: $--color-text-primary;
  colorTextRegular: $--color-text-regular;
  colorTextSecondary: $--color-text-secondary;
  colorTextPlaceholder: $--color-text-placeholder;

  menuBgColor: $--menu-bg-color;
  menuTextColor: $--menu-text-color;
  menuActiveTextColor: $--menu-active-text-color;
}