Add missing menu vars

RELEASE-NOTES.md

@@ -4,17 +4,17 @@
 
 **New Components**
 
-- Visibiliity - Attach callbacks to elements visibility conditions like `top visible` `bottom visible`, `passing`. Useful for things like: image lazy loading, infinite scroll content, and recording tracking metrics
+- **Visibiliity** - Attach callbacks to elements visibility conditions like `top visible` `bottom visible`, `passing`. Useful for things like: image lazy loading, infinite scroll content, and recording tracking metrics
 
 **Enhancements**
-
-- Loader - `inline loader` now has a `centered` variation
+- **Loader** - `inline loader` now has a `centered` variation
 
 **Bugs**
-- Item - `img` inside of `ui item content` now do not receive formatting by default
+- **Menu** - Fix vertical pointing menu, sub menu arrow color
+- **Item ** - `img` inside of `ui item content` now do not receive formatting by default
 
 **Docs**
-- Item - Significant rewrite of `ui item` documentation
+- **Item** - Significant rewrite of `ui item` documentation
 
 ### Version 1.10.1-2 - February 24, 2015
 

src/definitions/collections/menu.less

@@ -1039,14 +1039,14 @@
 }
 .ui.icon.menu > .item {
   height: auto;
-  text-align: center;
-  color: rgba(60, 60, 60, 0.7);
+  text-align: @iconMenuTextAlign;
+  color: @iconMenuItemColor;
 }
 .ui.icon.menu > .item > .icon {
   display: block;
   float: none !important;
-  opacity: 1;
   margin: 0em auto !important;
+  opacity: 1;
 }
 .ui.icon.menu .icon:before {
   opacity: 1;
@@ -1505,12 +1505,10 @@
 .ui.pointing.menu .active.item:after {
   position: absolute;
   content: '';
-
   top: 100%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%) rotate(45deg);
   margin: 0em;
-
   background: none;
 
   width: @arrowSize;
@@ -1559,6 +1557,9 @@
 .ui.vertical.pointing.menu .active.item:after {
   background-color: @arrowVerticalActiveColor;
 }
+.ui.vertical.pointing.menu .menu .active.item:after {
+  background-color: @arrowVerticalSubMenuColor;
+}
 
 
 

src/themes/default/collections/menu.variables

@@ -142,6 +142,7 @@
 
 @arrowVerticalHoverColor: @arrowHoverColor;
 @arrowVerticalActiveColor: @arrowActiveColor;
+@arrowVerticalSubMenuColor: @white;
 
 /*--------------
      States
@@ -233,6 +234,10 @@
 
 @tieredInvertedSubMenuBackground: rgba(0, 0, 0, 0.2);
 
+/* Icon */
+@iconMenuTextAlign: center;
+@iconMenuItemColor: rgba(0, 0, 0, 0.6);
+
 /* Tabular */
 @tabularBorderColor: @solidBorderColor;
 @tabularBackgroundColor: #FFFFFF;