40 lines
907 B
SCSS
40 lines
907 B
SCSS
|
// 定义常量
|
||
|
|
$color-text: #111;
|
||
|
|
$color-title: #333;
|
||
|
|
$color-disabled: #999;
|
||
|
|
$color-error:#fa4c4e;
|
||
|
|
$color-danger:#FA4C4E;
|
||
|
|
$color-white:#fff;
|
||
|
|
$primary:#409eff;
|
||
|
|
$text:$color-text;
|
||
|
|
$selected-bg: transparentize($primary, 0.9);
|
||
|
|
|
||
|
|
|
||
|
|
// sidebar
|
||
|
|
$menuText: #bfcbd9;
|
||
|
|
$menuActiveText: #ffffff;
|
||
|
|
$subMenuActiveText: #f4f4f5;
|
||
|
|
|
||
|
|
$menuBg: #304156; //
|
||
|
|
$menuHover: #263445;
|
||
|
|
|
||
|
|
$subMenuBg: #1f2d3d;
|
||
|
|
$subMenuHover: #001528;
|
||
|
|
|
||
|
|
$sideBarWidth: 210px;
|
||
|
|
$hideSideBarWidth: 54px;
|
||
|
|
$sideBarDuration: 0.28s;
|
||
|
|
|
||
|
|
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
|
||
|
|
// JS 与 scss 共享变量，在 scss 中通过 :export 进行导出，在 js 中可通过 ESM 进行导入
|
||
|
|
:export {
|
||
|
|
menuText: $menuText;
|
||
|
|
menuActiveText: $menuActiveText;
|
||
|
|
subMenuActiveText: $subMenuActiveText;
|
||
|
|
menuBg: $menuBg;
|
||
|
|
menuHover: $menuHover;
|
||
|
|
subMenuBg: $subMenuBg;
|
||
|
|
subMenuHover: $subMenuHover;
|
||
|
|
sideBarWidth: $sideBarWidth;
|
||
|
|
}
|