From be77c6adef65af0ad18d1d304e75ca4b125f4495 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Thu, 12 Mar 2015 15:29:03 -0400
Subject: [PATCH] Adds #1032, vertical tabular menus

---
 src/definitions/collections/menu.less         | 33 ++++++++++++++++---
 src/themes/default/collections/menu.variables |  3 +-
 2 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/definitions/collections/menu.less b/src/definitions/collections/menu.less
index 9aaeb703e..a0c978313 100755
--- a/src/definitions/collections/menu.less
+++ b/src/definitions/collections/menu.less
@@ -621,7 +621,8 @@ Floated Menu / Item
 
   border-left: @tabularBorderWidth solid transparent;
   border-right: @tabularBorderWidth solid transparent;
-  border-top: @tabularBorderWidth solid transparent;
+  border-top: @tabularOppositeBorderWidth solid transparent;
+  border-bottom: none;
 
   padding-left: @tabularHorizontalPadding;
   padding-right: @tabularHorizontalPadding;
@@ -639,12 +640,9 @@ Floated Menu / Item
 
 /* Active */
 .ui.tabular.menu .active.item {
-  position: relative;
-  border-bottom: none;
-  vertical-align: bottom;
-
   background-color: @tabularMenuActiveBackground;
   color: @tabularActiveColor;
+  border-top-width: @tabularBorderWidth;
   border-color: @tabularBorderColor;
   font-weight: @tabularActiveWeight;
   margin-bottom: -@tabularBorderWidth;
@@ -663,6 +661,31 @@ Floated Menu / Item
   margin: 0px;
 }
 
+/* Vertical Tabular */
+.ui.vertical.tabular.menu {
+  background-color: transparent;
+  border-radius: 0em;
+  box-shadow: none !important;
+  border-bottom: none;
+  border-right: @tabularBorderWidth solid @tabularBorderColor;
+}
+.ui.vertical.tabular.menu .item {
+  background-color: transparent;
+
+  border-left: @tabularBorderWidth solid transparent;
+  border-bottom: @tabularBorderWidth solid transparent;
+  border-top: @tabularBorderWidth solid transparent;
+  border-right: none;
+}
+
+/* Active */
+.ui.vertical.tabular.menu .active.item {
+  background-color: @tabularMenuActiveBackground;
+  border-color: @tabularBorderColor;
+  margin: 0px -@tabularBorderWidth 0px 0px;
+  border-radius: @tabularBorderRadius 0px 0px @tabularBorderRadius;
+}
+
 
 
 /*--------------
diff --git a/src/themes/default/collections/menu.variables b/src/themes/default/collections/menu.variables
index 577759ddd..b71c2fc79 100644
--- a/src/themes/default/collections/menu.variables
+++ b/src/themes/default/collections/menu.variables
@@ -256,7 +256,8 @@
 @tabularBorderColor: @solidBorderColor;
 @tabularBackgroundColor: #FFFFFF;
 @tabularBorderWidth: 1px;
-@tabularHorizontalPadding: 1.4em;
+@tabularOppositeBorderWidth: @tabularBorderWidth + 1px;
+@tabularHorizontalPadding: @relativeHuge;
 @tabularMenuTextColor: @itemTextColor;
 
 @tabularFluidOffset: 1px;