From bc763f82cb8d9b311de74f01bca9ceb16cf5e51a Mon Sep 17 00:00:00 2001
From: Daniel Schuba <daniel.schuba@daschmedia.de>
Date: Mon, 2 May 2016 20:44:32 +0200
Subject: [PATCH] additions for vertical menu and top icons bordered menus and
 background hover

---
 scss/components/_menu.scss | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

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 {
-- 
2.47.2