// TBD     $action-bar-logo-hover: //50% Outerglow 10px color: $white;//<--outerglow
$action-bar-avatar-icon-side-length: 30px;

$action-bar-padding-top: 0;
$action-bar-padding-side: 11px;
$action-bar-padding: $action-bar-padding-top $action-bar-padding-side; //left and right
$action-bar-icon-vertical-padding: 32px;  //space between icons
$action-bar-divider-color: $medium-dark-grey;
$action-bar-divider-dropshadow: $medium-dark-grey;

$action-bar-background: $medium-dark-grey; //$medium-dark-grey
$action-bar-closed-width: 72px;
$action-bar-expanded-width: 155px;
$action-bar-icon-color: $teal; //all states are the same teal color its; the icons that switch - refer to styleguide.
$action-bar-icon-resting: $teal;
$action-bar-icon-hover-color: $teal; // icon turns to outline
$action-bar-icon-active: $teal;
$action-bar-icon-font-size: 3rem;

$action-bar-icon-label-size: 1.6rem;
$action-bar-icon-label-color: $teal;
$action-bar-icon-label-hover-color: $teal;
$action-bar-link-color: $teal;