| 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;}
 |