Merge pull request #87 from medialab-prado/77-nav-hover
Add hover effect for the main menu
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user