Merge pull request #87 from medialab-prado/77-nav-hover

Add hover effect for the main menu
This commit is contained in:
Fernando Blat
2017-01-20 18:17:56 +01:00
committed by GitHub

View File

@@ -212,10 +212,18 @@ $epigraph-line-height: rem-calc(22);
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
margin: 0 1rem 1rem 0; margin: 0 1rem 1rem 0;
transition: all 0.4s;
border-bottom: 2px solid transparent;
&:first-of-type { &:first-of-type {
margin-left: 0; margin-left: 0;
} }
&:hover,
&:active,
&:focus {
border-bottom: 2px solid $brand;
}
@media (min-width: 950px) { @media (min-width: 950px) {
margin: 0 0 0 3rem; margin: 0 0 0 3rem;
@@ -223,6 +231,7 @@ $epigraph-line-height: rem-calc(22);
a, a,
h4 { h4 {
display: block;
color: #6D6D6D; color: #6D6D6D;
margin-bottom: 0; margin-bottom: 0;
} }