- Pulled out the existing palette in _mixins
- Took a stab at naming greys after their usage count in contexts
- Replaced #a40802 with #a80000, since they are very close and $red was already in the palette
Missed importing 'colors' in a couple of places
Removing a redefined in favor of in colors.css.scss
Fixing missed imports #2
Renamed $background to $background-white
Explicitly calling out the color of the background, since we have many
background colors
- the right-arrow wasn't highlighted on hover, which was
inconsistent with the other header items
- changed the user-menu items highlight color from #fff to #fafafa, which is
consistent across the header
- refactored the css to reduce specificity
- refactored css to use nesting in class names instead of nesting in
scss (as advocated by http://smacss.com) to reduce specificity and
to enhance readability
Added white versions of the icons on hover to match the hover of other
header items.
Changing the notifications hover icon to the regular notifications icon when active so
it is visible with the white background.
Fixing the hard coded background-position value for notifications_grey
Can not depend on generated sprite background position as it will change
with changes in icons
Moving the $icons variable to a broader scope
Since the variable is used in the header, the sprites now are imported
before the header
Using the default sprite map instead of the explicitly created sprite map
