/* Variables */ // Base color $blue: #324157; $light-blue: #3A71A8; $red: #C03639; $pink: #E65D6E; $green: #30B08F; $tiffany: #4AB7BD; $yellow: #FEC171; $panGreen: #30B08F; // Sidebar $sideBarWidth: 300px; $subMenuBg: #1f2d3d; $subMenuHover: #001528; $subMenuActiveText: #f4f4f5; $menuBg: #fff; $menuText: #162B64; $menuActiveText: #435EBE; // Also see settings.sidebarTextTheme // Login page $lightGray: #eee; $darkGray: #889aa4; $loginBg: #2d3a4b; $loginCursorColor: #fff; $elActiveColor: #CE9F27; $elCircle: rgba(226, 208, 160, 1); $elBg: #F5F5F5; $elActive4: rgba(206, 159, 39, 0.4); $elActiveText: #fff; $elDeleteColor: #E5574F; $bg: '/sgipad/images/page-officehome/officehome.jpg'; $headerHeight: 48px; $headerHeightPading: 58px; // The :export directive is the magic sauce for webpack // https://mattferderer.com/use-sass-variables-in-typescript-and-javascript :export { menuBg: $menuBg; menuText: $menuText; menuActiveText: $menuActiveText; }