// sidebar
$menuText: #68B0FE; //菜单文本颜色
$menuActiveText: #409EFF; //菜单选中颜色
$subMenuActiveText: #fff; //#f4f4f5;
$menuActiveBgColor: #fff; //菜单选中后的背景色

$menuBg: #3d6df8; //#304156;//菜单背景色
$menuHover: #fff; //#3d6df8; //#263445;//菜单高亮色

$subMenuBg: #3d6df8; //#1f2d3d;//子菜单背景色
$subMenuHover: #fff; //#001528;//菜单高亮色

$sideBarWidth: 210px; //左侧菜单栏的宽度

// 基本设置
$themeGray: #fafafa !default;
$basicSpace: 5px !default;
$basicMargin: $basicSpace !default;
$basicPadding: $basicMargin !default;

//定义字体大小
$font-size-very-large: 26px;
$font-size-large: 24px;
$font-size-small-large: 22px;
$font-size-very-big: 20px;
$font-size-big: 18px;
$font-size-small-big: 16px;
$font-size-very-medium: 15px;
$font-size-medium: 14px;
$font-size-small-medium: 13px;
$font-size-small: 12px;
$font-size-very-small: 11px;
$font-size-little: 10px;
$font-size-very-little: 9px;

//定义字体颜色变量
$color-input-bg: #68B0FE; //输入框背景颜色
$color-button-bg: #407FFE; //按钮背景颜色
$color-form-item-bg: rgba(255, 255, 255, 0.7);
// the :export directive is the magic sauce for webpack

// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
    menuText: $menuText;
    menuActiveText: $menuActiveText;
    subMenuActiveText: $subMenuActiveText;
    menuBg: $menuBg;
    menuHover: $menuHover;
    subMenuBg: $subMenuBg;
    subMenuHover: $subMenuHover;
    sideBarWidth: $sideBarWidth;
}