/*
   全局变量
 */

// sidebar
$sidebarBgColor: #fff;
$sideBarWidth: 220px;
$sideBarCollapseWidth: 54px; // 关闭时候的宽度
$sidebarLogoHeight: 72px; // logo 高度
//navbar
$navbarHeight: 72px;
//tagsView
$tagsViewHeight: 50px;

$menuActiveBg: var(--menuActiveBg);
$nestMenuBg: var(--nestMenuBg);
$nestMenuActiveBg: var(--nestMenuActiveBg);
$sidebarLogoBg: var(--sidebarLogoBg);

/* 主题色 */
$color-white: var(--el-color-white);
$color-black: var(--el-color-black);
$color-primary: var(--el-color-primary);
$color-primary-light-3: var(--el-color-primary-light-3); //  颜色浅一点
$color-primary-light-9: var(--el-color-primary-light-9); //  颜色更浅一点
$color-primary-dark-2: var(--el-color-primary-dark-2); // 颜色深一点
$color-danger: var(--el-color-danger);

/* 文字尺寸 */
$font-size-base: var(--el-font-size-base); //14px
$font-size-medium: var(--el-font-size-medium); //16px
$font-size-large: var(--el-font-size-large); //18px
$font-size-extra-large: var(--el-font-size-extra-large); //20px
$font-size-extra-small: var(--el-font-size-extra-small); //12px

/* 文字颜色 */
$text-color-regular: var(--el-text-color-regular);
$text-color-secondary: var(--el-text-color-secondary);
$text-color-primary: var(--el-text-color-primary); // 比默认的颜色深一点

/* 背景颜色 */
$bg-color: var(--el-bg-color); //#fff
$bg-color-page: var(--el-bg-color-page); //#f2f3f5

/* 边框颜色 */
$border-color: var(--el-border-color);
$border-color-light: var(--el-border-color-light);
$border-color-lighter: var(--el-border-color-lighter);
$border-color-extra-light: var(--el-border-color-extra-light);

/* 遮罩 */
$overlay-color-lighter: var(--el-overlay-color-lighter); //rgba(0, 0, 0, 0.5)

/* 盒子阴影 */
$box-shadow: var(--el-box-shadow); //0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08)
$box-shadow-light: var(--el-box-shadow-light);
$box-shadow-lighter: var(--el-box-shadow-lighter);

/* 透明度 */
$opacity-hover: 0.8;

/* 禁用 */
$opacity-disabled: 0.4;