From: Daniel Schuba <daniel.schuba@daschmedia.de>
Date: Mon, 2 May 2016 18:44:32 +0000 (+0200)
Subject: additions for vertical menu and top icons
X-Git-Tag: v6.3-rc1~67^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F9115%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

additions for vertical menu and top icons
bordered menus
and background hover
---

diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
index 566cef122..8c4ed79e0 100644
--- a/scss/components/_menu.scss
+++ b/scss/components/_menu.scss
@@ -30,6 +30,14 @@ $menu-item-background-active: map-get($foundation-palette, primary) !default;
 /// @type Number
 $menu-icon-spacing: 0.25rem !default;
 
+/// Background color for an hovered menu item.
+/// @type Color
+$menu-item-background-hover: $light-gray !default;
+
+/// Color for bordered menu
+/// @type Color
+$menu-border: $light-gray !default;
+
 /// Creates the base styles for a Menu.
 @mixin menu-base {
   margin: $menu-margin;
@@ -280,6 +288,12 @@ $menu-icon-spacing: 0.25rem !default;
     // Vertical icons
     &.icon-top {
       @include menu-icons(top, $base: false);
+      // Make vertical menu with icons on top work
+      &.vertical {
+        a > span {
+          margin: auto;
+        }
+      }
     }
 
     // Nesting
@@ -292,6 +306,23 @@ $menu-icon-spacing: 0.25rem !default;
       color: $menu-item-color-active;
       background: $menu-item-background-active;
     }
+
+    // Menu with border
+    &.menu-bordered {
+      li {
+        border: 1px solid $menu-border;
+        &:not(:first-child) {
+          border-top: 0;
+        }
+      }
+    }
+
+    // Menu with background hover
+    &.menu-hover {
+      li:hover {
+        background-color: $menu-item-background-hover;
+      }
+    }
   }
 
   .menu-text {