adds disabled state for reveal

Former-commit-id: 2a94a4af58
Former-commit-id: b0e09022e8

build/uncompressed/modules/reveal.css

@@ -233,6 +233,32 @@
   -ms-transform: rotate(-110deg);
   transform: rotate(-110deg);
 }
+/*******************************
+              States
+*******************************/
+.ui.disabled.reveal {
+  opacity: 1 !important;
+}
+.ui.disabled.reveal > .content {
+  -webkit-transition: none !important;
+  -moz-transition: none !important;
+  -o-transition: none !important;
+  -ms-transition: none !important;
+  transition: none !important;
+}
+.ui.disabled.reveal:hover > .visible.content {
+  position: static !important;
+  display: block !important;
+  opacity: 1 !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: auto !important;
+  bottom: auto !important;
+  transform: none !important;
+}
+.ui.disabled.reveal:hover > .hidden.content {
+  display: none !important;
+}
 /*******************************
            Variations
 *******************************/

node/src/documents/modules/reveal.html

@@ -28,8 +28,8 @@ type   : 'UI Module'
   <div class="example">
     <h4 class="ui header">Reveal</h4>
     <p>A standard reveal</p>
-    <div class="ui message">
-      A reveal will take no action unless a type of reveal is specified and has no specific styling of its own. It can be used effectively with other elements like, <a href="/elements/message.html">message blocks</a>, <a href="/elements/segment.html">segments</a>, and <a href="/elements/images.html">images</a>.
+    <div class="ui ignored message">
+      A reveal will take no action unless a type of reveal is specified.
     </div>
     <div class="ui circular reveal image">
       <img class="visible content" src="/images/demo/stickfigure.jpg">
@@ -160,6 +160,15 @@ type   : 'UI Module'
    
   
   <h2 class="ui dividing header">States</h2>
+
+  <div class="example">
+    <h4 class="ui header">Disabled</h4>
+    <p>A disabled reveal will not animate when hovered</p>
+    <div class="ui circular disabled move reveal image">
+      <img class="visible content" src="/images/demo/stickfigure.jpg">
+      <img class="hidden content" src="/images/demo/photo2.jpg">
+    </div>
+  </div>
   
   
   

node/src/files/components/semantic/modules/reveal.css

@@ -233,6 +233,32 @@
   -ms-transform: rotate(-110deg);
   transform: rotate(-110deg);
 }
+/*******************************
+              States
+*******************************/
+.ui.disabled.reveal {
+  opacity: 1 !important;
+}
+.ui.disabled.reveal > .content {
+  -webkit-transition: none !important;
+  -moz-transition: none !important;
+  -o-transition: none !important;
+  -ms-transition: none !important;
+  transition: none !important;
+}
+.ui.disabled.reveal:hover > .visible.content {
+  position: static !important;
+  display: block !important;
+  opacity: 1 !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: auto !important;
+  bottom: auto !important;
+  transform: none !important;
+}
+.ui.disabled.reveal:hover > .hidden.content {
+  display: none !important;
+}
 /*******************************
            Variations
 *******************************/

src/modules/reveal.less

@@ -309,6 +309,34 @@
   transform: rotate(-110deg);
 }
 
+/*******************************
+              States
+*******************************/
+
+.ui.disabled.reveal {
+  opacity: 1 !important;
+}
+.ui.disabled.reveal > .content {
+  -webkit-transition: none !important;
+  -moz-transition: none !important;
+  -o-transition: none !important;
+  -ms-transition: none !important;
+  transition: none !important;
+}
+.ui.disabled.reveal:hover > .visible.content {
+  position: static !important;
+  display: block !important;
+  opacity: 1 !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: auto !important;
+  bottom: auto !important;
+  transform: none !important;
+}
+.ui.disabled.reveal:hover > .hidden.content {
+  display: none !important;
+}
+
 
 /*******************************
            Variations