Prevent menu button color inheritance.

Buttons within .ui.menu, that are styled above anchor (`a`) tag, are colored inappropriately.

This fixes it.

src/collections/menu.less

@@ -106,19 +106,19 @@
 
 /* Text Color */
 .ui.menu .item,
-.ui.menu .item > a {
+.ui.menu .item > a:not(.button) {
   color: rgba(0, 0, 0, 0.75);
 }
 .ui.menu .item .item,
-.ui.menu .item .item > a {
+.ui.menu .item .item > a:not(.button) {
   color: rgba(30, 30, 30, 0.7);
 }
 .ui.menu .item .item .item,
-.ui.menu .item .item .item > a {
+.ui.menu .item .item .item > a:not(.button) {
   color: rgba(30, 30, 30, 0.6);
 }
 .ui.menu .dropdown.item .menu .item,
-.ui.menu .dropdown.item .menu .item a {
+.ui.menu .dropdown.item .menu .item a:not(.button) {
   color: rgba(0, 0, 0, 0.75);
 }
 /* Hover */
@@ -128,12 +128,12 @@
 .ui.menu .item .menu .link.item.hover {
   color: rgba(0, 0, 0, 0.85);
 }
-.ui.menu .dropdown.item .menu .item a:hover {
+.ui.menu .dropdown.item .menu .item a:not(.button):hover {
   color: rgba(0, 0, 0, 0.85);
 }
 /* Active */
 .ui.menu .active.item,
-.ui.menu .active.item a {
+.ui.menu .active.item a:not(.button) {
   color: rgba(0, 0, 0, 0.85);
 
   -moz-border-radius: 0px;
@@ -1808,4 +1808,4 @@
 }
 .ui.large.vertical.menu {
   width: 18rem;
-}
+}