| 1234567891011121314151617181920212223242526272829303132333435363738 | 
							- // base color
 
- $blue:#324157;
 
- $light-blue:#3A71A8;
 
- $red:#C03639;
 
- $pink: #E65D6E;
 
- $green: #30B08F;
 
- $tiffany: #4AB7BD;
 
- $yellow:#FEC171;
 
- $panGreen: #30B08F;
 
- // sidebar
 
- $menuText:#333333;
 
- $menuActiveText:#fff;
 
- $menuActiveBg:#009C69;
 
- $subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
 
- $menuBg:#fff;
 
- $menuHover:#fff;
 
- $subMenuBg:#ededed;
 
- $subMenuBgHover:#009C69;
 
- $subMenuHover:#009C69;
 
- $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;
 
-   menuActiveBg: $menuActiveBg;
 
-   subMenuActiveText: $subMenuActiveText;
 
-   menuBg: $menuBg;
 
-   menuHover: $menuHover;
 
-   subMenuBg: $subMenuBg;
 
-   subMenuHover: $subMenuHover;
 
-   sideBarWidth: $sideBarWidth;
 
- }
 
 
  |