transition nav hover on mouse out

12 years ago · 3726d092e7
parent fa8a0d0c40
commit 3726d092e7
2 changed files with 6 additions and 0 deletions
--- a/website/source/stylesheets/_header.less
+++ b/website/source/stylesheets/_header.less
@ -29,6 +29,7 @@ body.page-sub{
            float: left !important;
            li > a {
                color: black;
+                .transition( color 0.3s ease );
            }
        }
        
@ -99,6 +100,7 @@ body.page-sub{
                text-transform: uppercase;
                letter-spacing: 3px;
                padding-left: 22px;
+                .transition( color 0.3s ease );
            }

            &.first{
--- a/website/source/stylesheets/main.css
+++ b/website/source/stylesheets/main.css
@ -99,6 +99,8 @@ body.page-sub #header .main-links.navbar-nav {
 }
 body.page-sub #header .main-links.navbar-nav li > a {
  color: black;
+  -webkit-transition: color 0.3s ease;
+  transition: color 0.3s ease;
 }
 body.page-sub #header .buttons.nav > li > a,
 body.page-sub #header .buttons.nav > li > a {
@ -171,6 +173,8 @@ body.page-sub #header .main-links.nav > li > a:focus {
  text-transform: uppercase;
  letter-spacing: 3px;
  padding-left: 22px;
+  -webkit-transition: color 0.3s ease;
+  transition: color 0.3s ease;
 }
 #header .navbar-nav li.first > a {
  padding-left: 15px;