_nav.scss in furatto-0.0.2

- old
+ new
@@ -47,60 +47,58 @@
   text-decoration: none;
   background-color: transparent;
   cursor: default;
 }
 
-// NAV LIST
-// --------
+//Bordered navigation
+.nav {
+  &.nav-bordered {
+    background: #efefef;
+    border: 1px solid #b7b7b7;
+    font-size: 16px;
 
-.nav-list {
-  padding-left: 15px;
-  padding-right: 15px;
-  margin-bottom: 0;
-}
-.nav-list > li > a,
-.nav-list .nav-header {
-  margin-left:  -15px;
-  margin-right: -15px;
-  text-shadow: 0 1px 0 rgba(255,255,255,.5);
-}
-.nav-list > li > a {
-  padding: 3px 15px;
-}
-.nav-list > .active > a,
-.nav-list > .active > a:hover,
-.nav-list > .active > a:focus {
-  color: $white;
-  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
-  background-color: $blue;
-}
-.nav-list [class^="icon_"],
-.nav-list [class*=" icon_"] {
-  margin-right: 2px;
-}
-// Dividers (basically an hr) within the dropdown
-.nav-list .divider {
-  @include nav-divider();
-}
+    li {
+      &:hover {
+        background: #e2e2e2;
+      }
+      a {
+        padding: 0.9375em;
+        color: #666;
+      }
 
-.hrz-nav {
-  margin: 10px 0px 20px 0px;
+      &.nav-header {
+        color: #666;
+        padding: 0.9375em;
+        border-bottom: 1px solid #b7b7b7;
+        font-weight: bold;
 
-  li {
-    display: inline;
-    padding: 0 10px;
-    color: #232323;
+        &:hover {
+          background: #efefef;
+        }
+      }
 
-    a { 
-      color: #232323;
+      ul {
+        @extend .nav;
+        display: none;
+        background: $white;
+        margin-bottom: 0px;
 
-      &:hover {
-        text-decoration: underline;
+        li {
+          padding-left: 0.8em;
+          &:hover {
+            background: $white;
+          }
+          a {
+            color: $link-color;
+            padding: 0.6em;
+          }
+        }
       }
     }
-  }
 
-  .disabled {
-    color: $gray;
+    li.nav-divider {
+      border-bottom: 1px solid #b7b7b7;
+      margin: 3px auto;
+      background: #b7b7b7;
+    }
   }
 }
-