1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
| // base color
| $blue:#324157;
| $light-blue:#3A71A8;
| $red:#C03639;
| $pink: #E65D6E;
| $green: #30B08F;
| $tiffany: #4AB7BD;
| $yellow:#FEC171;
| $panGreen: #30B08F;
|
| // sidebar
| $menuText:#bfcbd9;
| $menuActiveText:#409EFF;
| $subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
|
| $menuBg:#304156;
| $menuHover:#263445;
|
| $subMenuBg:#1f2d3d;
| $subMenuHover:#001528;
|
| $sideBarWidth: 200px;
|
| // 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;
| }
|
|
