stylesheets/components/_navs.scss in rapido-css-0.1.6 vs stylesheets/components/_navs.scss in rapido-css-0.1.7

@@ -35,11 +35,11 @@
 
 @if $navs {
 
     .nav {
         @extend .clearfix;
-        display: inline-block;
+        @include inline-block;
         margin-bottom: rhythm();
         position: relative;
 
         &, ul {
             @extend .clearfix;
@@ -49,11 +49,11 @@
         li {
             position: relative;
 
             > a {
                 @extend .transition;
-                display: inline-block;
+                @include inline-block;
                 line-height: 1em;
 
                 &:hover, &:focus {
                     text-decoration: none;
                 }
@@ -89,20 +89,12 @@
           @include opacity(1);
           display/*\**/: block\9; // Ugly IE8 Hack
           max-height: $dropdowns-height;
         }
 
-        li ul,
-        li:hover > a {
-          @extend %nav--btn__hover !optional;
-        }
-
     }
 
-
-
-
 // Nav Title
 
     .nav__title {
         @include adjust-font-size-to($small-size);
         color: $gray;
@@ -117,19 +109,14 @@
 
     .nav--inline {
         & > li,
         > ul > li { float: left;}
 
-
         li ul {
           @include position(absolute, 100% 0 0 0px);
           min-width: 10em;
         }
-
-
-
-
     }
 
 // Vertical nav
 
     .nav--vertical {
@@ -158,9 +145,14 @@
 
             &.current > a,
             &.current > a:hover,
             &.current > a:focus {
                 @extend %nav--btn__current  !optional;
+            }
+
+            ul,
+            &:hover > a {
+              @extend %nav--btn__hover !optional;
             }
 
         }
     }