$main-menu-color: #fff;
$main-menu-color-active: #00e6fc;
$main-menu-bg-color-active: #003e6e;

$layout-header-height: 60px;
$locationbar-height: 50px;

$primary-title-color: #2f6b98;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  main-menu-color: $main-menu-color;
  main-menu-color-active: $main-menu-color-active;
  main-menu-bg-color-active: $main-menu-bg-color-active;

  layout-header-height: $layout-header-height;
  locationbar-height: $locationbar-height;
  primary-title-color: $primary-title-color;
}