Iteration on flexbox bugs in menu

src/definitions/collections/menu.less

@@ -189,6 +189,12 @@
   font-weight: @headerWeight;
 }
 
+.ui.vertical.menu .item > .header:not(.ui) {
+  margin: @verticalHeaderMargin;
+  font-size: @verticalHeaderFontSize;
+  font-weight: @verticalHeaderFontWeight;
+}
+
 
 /*--------------
     Dropdowns
@@ -747,11 +753,6 @@ Floated Menu / Item
 .ui.secondary.menu > .menu > .active.dropdown.item {
   background-color: transparent;
 }
-.ui.secondary.menu .dropdown.item .menu {
-  left: 0px;
-  min-width: 100%;
-}
-
 
 /* Disable variations */
 .ui.secondary.item.menu > .item {
@@ -874,6 +875,8 @@ Floated Menu / Item
 .ui.secondary.vertical.pointing.menu {
   border-bottom-width: 0px;
   border-right-width: @secondaryPointingBorderWidth;
+  border-right-style: solid;
+  border-right-color: transparent;
 }
 .ui.secondary.vertical.pointing.menu > .item {
   border-bottom: none;
@@ -1191,8 +1194,8 @@ Floated Menu / Item
   color: @invertedHoverColor;
 }
 
-.ui.vertical.menu .item:not(.dropdown) .menu a.item:hover,
-.ui.vertical.menu .item:not(.dropdown) .menu .link.item:hover {
+.ui.vertical.inverted.menu .item:not(.dropdown) .menu a.item:hover,
+.ui.vertical.inverted.menu .item:not(.dropdown) .menu .link.item:hover {
   background: @invertedSubMenuBackground;
   color: @invertedSubMenuHoverColor;
 }
@@ -1587,7 +1590,7 @@ Floated Menu / Item
 ---------------*/
 
 /* Small */
-.ui.small.menu .item {
+.ui.small.menu {
   font-size: @small;
 }
 .ui.small.vertical.menu {
@@ -1595,7 +1598,7 @@ Floated Menu / Item
 }
 
 /* Medium */
-.ui.menu .item {
+.ui.menu {
   font-size: @medium;
 }
 .ui.vertical.menu {
@@ -1603,7 +1606,7 @@ Floated Menu / Item
 }
 
 /* Large */
-.ui.large.menu .item {
+.ui.large.menu {
   font-size: @large;
 }
 .ui.large.vertical.menu {

src/themes/default/collections/menu.variables

@@ -76,18 +76,22 @@
 @headerWeight: bold;
 @headerTextTransform: normal;
 
+@verticalHeaderMargin: 0em 0em 0.5em;
+@verticalHeaderFontSize: @relativeMedium;
+@verticalHeaderFontWeight: bold;
+
 /*--------------
     Couplings
 ---------------*/
 
 /* Button */
-@buttonSize: @medium;
+@buttonSize: @relativeMedium;
 @buttonOffset: 0em;
 @buttonMargin: -0.4em 0em;
 @buttonVerticalPadding: 0.6em;
 
 /* Input */
-@inputSize: @medium;
+@inputSize: @relativeMedium;
 @inputVerticalMargin: -0.5em;
 @inputOffset: 0em;
 @inputVerticalPadding: 0.5em;
@@ -286,8 +290,8 @@
 @textMenuHeaderFontWeight: bold;
 @textMenuHeaderTextTransform: uppercase;
 
-@textVerticalMenuMargin: 1em 0em;
-@textVerticalMenuHeaderMargin: 1.25em 0em;
+@textVerticalMenuMargin: @relativeSmall 0em;
+@textVerticalMenuHeaderMargin: @relativeLarge 0em;
 @textVerticalMenuItemMargin: @relativeLarge 0em;
 
 @textVerticalMenuIconFloat: none;