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:#fff;
| $menuActiveText: #fff;
| $subMenuActiveText:#fff; // https://github.com/ElemeFE/element/issues/12951
|
| $menuBg: rgba(29, 51, 93, 0.5);
| $menuHover: linear-gradient(90deg, rgba(44, 119, 255, 1) 37%, rgba(81, 161, 255, 1) 99%);
|
| $subMenuBg: transparent;
| $subMenuHover:rgba(0, 21, 40, 0.5);
|
| $sideBarWidth: 210px;
|
| // 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;
| }
|
|
