Fixes for reveal

src/definitions/elements/reveal.less

@@ -26,7 +26,6 @@
 .ui.reveal  {
   display: inline-block;
   position: relative !important;
-  z-index: @bottomZIndex !important;
   font-size: 0em !important;
 }
 
@@ -35,13 +34,18 @@
   top: 0em !important;
   left: 0em !important;
   z-index: @topZIndex !important;
-  transition: all @transitionDuration @transitionEasing @transitionDelay;
+  transition: @transition;
 }
 .ui.reveal > .hidden.content {
   position: relative !important;
   z-index: @bottomZIndex !important;
 }
 
+/* Make sure hovered element is on top of other reveal */
+.ui.reveal:hover .visible.content {
+  z-index: @activeZIndex !important;
+}
+
 
 /*******************************
               Types
@@ -54,9 +58,7 @@
 
 .ui.slide.reveal {
   position: relative !important;
-  display: block;
   overflow: hidden !important;
-
   white-space: nowrap;
 }
 
@@ -72,6 +74,7 @@
     bottom @transitionDuration @transitionEasing @transitionDelay
   ;
 }
+
 .ui.slide.reveal > .visible.content {
   position: relative !important;
 }

src/definitions/modules/progress.js

@@ -624,7 +624,6 @@ $.fn.progress.settings = {
     value   : 'value'
   },
 
-
   selector : {
     bar      : '> .bar',
     label    : '> .label',

src/themes/default/elements/icon.variables

@@ -8,7 +8,7 @@
 
 @fontName: 'icons';
 
-@opacity: 0.75;
+@opacity: 1;
 @width: 1.23em;
 @height: 0.9em;
 @distanceFromText: 0.25rem;

src/themes/default/elements/reveal.variables

@@ -5,11 +5,11 @@
 @transitionDelay: 0.15s;
 @transitionDuration: 0.8s;
 @transitionEasing: cubic-bezier(0.175, 0.885, 0.320, 1);
+@transition: all @transitionDuration @transitionEasing @transitionDelay;
 
-@zIndex: 2;
-@bottomZIndex: 3;
-@topZIndex: 4;
+@bottomZIndex: 2;
+@topZIndex: 3;
+@activeZIndex: 4;
 
 @rotateDegrees: 110deg;
 
-@medium: 1rem;