menu.less in semantic-ui-rails-0.13.0

- old
+ new

@@ -115,22 +115,20 @@
 }
 .ui.menu .item .item .item,
 .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:not(.button) {
+.ui.menu .dropdown .menu .item,
+.ui.menu .dropdown .menu .item a:not(.button) {
   color: rgba(0, 0, 0, 0.75);
 }
 /* Hover */
 .ui.menu .item .menu a.item:hover,
-.ui.menu .item .menu a.item.hover,
-.ui.menu .item .menu .link.item:hover,
-.ui.menu .item .menu .link.item.hover {
+.ui.menu .item .menu .link.item:hover {
   color: rgba(0, 0, 0, 0.85);
 }
-.ui.menu .dropdown.item .menu .item a:not(.button):hover {
+.ui.menu .dropdown .menu .item a:not(.button):hover {
   color: rgba(0, 0, 0, 0.85);
 }
 /* Active */
 .ui.menu .active.item,
 .ui.menu .active.item a:not(.button) {
@@ -179,19 +177,23 @@
 
 .ui.menu .item:before {
   position: absolute;
   content: '';
   top: 0%;
-  right: 0px;
+  left: 0px;
   width: 1px;
   height: 100%;
   background-image: linear-gradient(
     rgba(0, 0, 0, 0.05) 0%,
     rgba(0, 0, 0, 0.1) 50%,
     rgba(0, 0, 0, 0.05) 100%)
   ;
 }
+.ui.menu > .menu:not(.right):first-child > .item:first-child:before,
+.ui.menu .item:first-child:before {
+  display: none;
+}
 .ui.menu .menu.right .item:before,
 .ui.menu .item.right:before {
   right: auto;
   left: 0px;
 }
@@ -300,10 +302,15 @@
 
 
 /*--------------
     Dropdowns
 ---------------*/
+
+.ui.menu .dropdown .menu .item .icon {
+  float: none;
+  margin: 0em 0.75em 0em 0em;
+}
 .ui.menu .dropdown.item .menu {
   left: 1px;
   margin: 0px;
   min-width: calc(100% - 1px);
   box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
@@ -362,19 +369,17 @@
 /*--------------
       Hover
 ---------------*/
 
 .ui.link.menu .item:hover,
-.ui.menu .item.hover,
 .ui.menu .link.item:hover,
 .ui.menu a.item:hover,
-.ui.menu .ui.dropdown .menu .item.hover,
 .ui.menu .ui.dropdown .menu .item:hover {
   cursor: pointer;
   background-color: rgba(0, 0, 0, 0.02);
 }
-.ui.menu .ui.dropdown.active {
+.ui.menu .ui.dropdown.item.active {
   background-color: rgba(0, 0, 0, 0.02);
 
   -webkit-box-shadow: none;
   box-shadow: none;
 
@@ -454,12 +459,11 @@
 /*--------------
      Disabled
 ---------------*/
 
 .ui.menu .item.disabled,
-.ui.menu .item.disabled:hover,
-.ui.menu .item.disabled.hover {
+.ui.menu .item.disabled:hover {
   cursor: default;
   color: rgba(0, 0, 0, 0.2);
   background-color: transparent !important;
 }
 
@@ -509,16 +513,16 @@
 
 .ui.vertical.menu .item > .label {
   float: right;
   text-align: center;
 }
-.ui.vertical.menu .item > .icon:not(.input) {
+.ui.vertical.menu .item > i.icon {
   float: right;
   width: 1.22em;
   margin: 0em 0em 0em 0.5em;
 }
-.ui.vertical.menu .item > .label + .icon {
+.ui.vertical.menu .item > .label + i.icon {
   float: none;
   margin: 0em 0.25em 0em 0em;
 }
 
 /*--- Border ---*/
@@ -576,11 +580,11 @@
   border-bottom-right-radius: 0em;
 }
 .ui.vertical.menu .dropdown.item .menu .item {
   font-size: 1rem;
 }
-.ui.vertical.menu .dropdown.item .menu .item .icon {
+.ui.vertical.menu .dropdown.item .menu .item i.icon {
   margin-right: 0em;
 }
 .ui.vertical.menu .dropdown.item.active {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
@@ -605,12 +609,11 @@
 ---------------*/
 
 .ui.tiered.menu > .sub.menu > .item {
   color: rgba(0, 0, 0, 0.4);
 }
-.ui.tiered.menu > .menu > .item:hover,
-.ui.tiered.menu > .menu > .item.hover {
+.ui.tiered.menu > .menu > .item:hover {
   color: rgba(0, 0, 0, 0.8);
 }
 .ui.tiered.menu .item.active {
   color: rgba(0, 0, 0, 0.8);
 }
@@ -667,12 +670,11 @@
 }
 .ui.inverted.tiered.menu .sub.menu .item {
   color: rgba(255, 255, 255, 0.6);
 }
 
-.ui.inverted.tiered.menu > .menu > .item:hover,
-.ui.inverted.tiered.menu > .menu > .item.hover {
+.ui.inverted.tiered.menu > .menu > .item:hover {
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.tiered.menu .active.item:after {
   display: none;
 }
@@ -772,11 +774,11 @@
 
 .ui.pagination.menu .item {
   min-width: 3em;
   text-align: center;
 }
-.ui.pagination.menu .icon.item .icon {
+.ui.pagination.menu .icon.item i.icon {
   vertical-align: top;
 }
 .ui.pagination.menu.floated {
   display: block;
 }
@@ -1006,11 +1008,10 @@
   -webkit-border-radius: 0em;
   -moz-border-radius: 0em;
   border-radius: 0em;
 }
 /* Hover */
-.ui.secondary.vertical.pointing.menu > .item.hover,
 .ui.secondary.vertical.pointing.menu > .item:hover {
   background-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
 
@@ -1152,20 +1153,19 @@
 .ui.vertical.text.menu .item {
   float: left;
   clear: left;
   margin: 0.5em 0em;
 }
-.ui.vertical.text.menu .item > .icon {
+.ui.vertical.text.menu .item > i.icon {
   float: none;
   margin: 0em 0.83em 0em 0em;
 }
 .ui.vertical.text.menu .header.item {
   margin: 0.8em 0em;
 }
 
 /*--- hover ---*/
-.ui.text.menu .item.hover,
 .ui.text.menu .item:hover {
   opacity: 1;
   background-color: transparent;
 }
 
@@ -1321,17 +1321,16 @@
 }
 .ui.inverted.menu .item .item,
 .ui.inverted.menu .item .item > a {
   color: rgba(255, 255, 255, 0.8);
 }
-.ui.inverted.menu .dropdown.item .menu .item,
-.ui.inverted.menu .dropdown.item .menu .item a {
+.ui.inverted.menu .dropdown .menu .item,
+.ui.inverted.menu .dropdown .menu .item a {
   color: rgba(0, 0, 0, 0.75) !important;
 }
 .ui.inverted.menu .item.disabled,
-.ui.inverted.menu .item.disabled:hover,
-.ui.inverted.menu .item.disabled.hover {
+.ui.inverted.menu .item.disabled:hover {
   color: rgba(255, 255, 255, 0.2);
 }
 
 
 
@@ -1391,24 +1390,19 @@
   ;
 }
 
 /*--- Hover ---*/
 .ui.link.inverted.menu .item:hover,
-.ui.inverted.menu .item.hover,
 .ui.inverted.menu .link.item:hover,
 .ui.inverted.menu a.item:hover,
-.ui.inverted.menu .dropdown.item.hover,
 .ui.inverted.menu .dropdown.item:hover {
   background-color: rgba(255, 255, 255, 0.1);
 }
 .ui.inverted.menu a.item:hover,
-.ui.inverted.menu .item.hover,
 .ui.inverted.menu .item > a:hover,
 .ui.inverted.menu .item .menu a.item:hover,
-.ui.inverted.menu .item .menu a.item.hover,
-.ui.inverted.menu .item .menu .link.item:hover,
-.ui.inverted.menu .item .menu .link.item.hover {
+.ui.inverted.menu .item .menu .link.item:hover {
   color: rgba(255, 255, 255, 1);
 }
 
 /*--- Down ---*/
 .ui.inverted.menu a.item:active,
@@ -1754,11 +1748,10 @@
 
 /* Colors */
 .ui.pointing.menu .active.item:after {
   background-color: #FCFCFC;
 }
-.ui.pointing.menu .active.item.hover:after,
 .ui.pointing.menu .active.item:hover:after {
   background-color: #FAFAFA;
 }
 
 .ui.vertical.pointing.menu .menu .active.item:after {
@@ -1819,10 +1812,10 @@
   font-size: 1.125rem;
 }
 .ui.large.menu .item .item {
   font-size: 0.875rem;
 }
-.ui.large.menu .dropdown.item .item {
+.ui.large.menu .dropdown .item {
   font-size: 1rem;
 }
 .ui.large.vertical.menu {
   width: 18rem;
 }