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

Add hover effect for the main menu
2017-01-20 18:17:56 +01:00
parent 78219b5c31 116b211e88
commit 563ca99ab8
1 changed files with 9 additions and 0 deletions
--- a/app/assets/stylesheets/legislation_process.scss
+++ b/app/assets/stylesheets/legislation_process.scss
@@ -212,10 +212,18 @@ $epigraph-line-height: rem-calc(22);
        cursor: pointer;
        display: inline-block;
        margin: 0 1rem 1rem 0;
+        transition: all 0.4s;
+        border-bottom: 2px solid transparent;
        
        &:first-of-type {
          margin-left: 0;
        }
+        
+        &:hover,
+        &:active,
+        &:focus {
+          border-bottom: 2px solid $brand;
+        }

        @media (min-width: 950px) {
          margin: 0 0 0 3rem;
@@ -223,6 +231,7 @@ $epigraph-line-height: rem-calc(22);

        a,
        h4 {
+          display: block;
          color: #6D6D6D;
          margin-bottom: 0;
        }