Update styles for active links

This commit is contained in:
Joe Fiorini 2015-05-13 13:04:18 -04:00
parent 0aa37251c6
commit a207d1234b

View File

@ -1,21 +1,28 @@
/** @define MenuItem */
@import (reference) "shared/utilities/icons.less";
@import "shared/branding/colors.less";
.MenuItem {
display: flex;
flex: none;
transition: color 60ms;
padding: 0 1rem;
min-height: 5.8rem;
min-width: 9.2rem;
color: black;
margin-right: 2rem;
align-items: center;
&:hover {
&, &:active, &:focus {
color: black;
}
&:hover {
color: @blue;
}
&:last-child {
margin-right: 0;
}
@ -55,14 +62,7 @@
}
&--active {
flex-direction: column !important;
justify-content: center !important;
background-color: rgba(255,255,255,0.35);
.MenuItem-hoverIcon {
display: flex;
opacity: 1 !important;
height: 22px !important;
}
font-weight: bold;
}
&--right {