* This file is used to style the account menu.
*/
-.menu--account {
- display: none;
-}
-
@media screen and (min-width: 48em) {
.menu--account {
- flex: 0 1 50%;
- order: 2;
display: block;
- border-bottom: 1px solid #e6eee0;
+ flex: 0 1 50%;
text-align: right;
}
}
.menu-account {
display: inline-flex;
- margin: 1.6em 0;
+ margin: 0;
padding: 0;
- line-height: 1.5;
list-style-type: none;
+ line-height: 1.5;
}
.menu-account__item + .menu-account__item {
margin-left: 1em;
}
.menu-account__link,
.menu-account__link:hover {
- color: inherit;
text-decoration: none;
+ color: inherit;
background-color: inherit;
}
+.menu-account__link:hover {
+ text-decoration: underline;
+}