semantic-ui-rails 0.8.3 → 0.8.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: a5f93fd2fb3a88efdca7083aba97c00d77062cf8
-  data.tar.gz: c67f535c006305a9740124543ff1c9be218ab4cf
+  metadata.gz: cb37dd909783b6ad672094c617ede570ee6c73bb
+  data.tar.gz: 5ec26db2ffd155baa8911d522cbe756d5de062e8
 SHA512:
-  metadata.gz: 054488aee4ca61a0ab9b0ec3f4c4cb5db70f68f18ca182485bb1b1e69528ff7b72c28dc9782e6f88df9a55e4ec8ab441dccd3e3e167feb59363386dba4e1942f
-  data.tar.gz: c70999b03309f54c9013a0fee8c9b3ce7ea7d21b46465634ffd3d1131f817f555b127b7aeb4f9b5d7199bdfd72e793f76caafccfc7cbed26546e13a4f0f8dd61
+  metadata.gz: 8cbd1f7706a7e1cc0de7caed48b37952c7f9bfc6343186a78f9a51de9cc9390fe806d49cca2861df90d6cc3a15de24e888f8035a2f17eca908cb1c2288319ee5
+  data.tar.gz: 9a4f65027ad39ff9363fa29804ed17bfcca24c41ebf894665dbd7d73a6314089e975735c196717186352f054027e85e460f0c94601c0706d8268bc06b63fd820

data/app/assets/javascripts/semantic-ui/modules/accordion.js

@@ -319,20 +319,20 @@ $.fn.accordion = function(parameters) {
                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                 : query
               ;
-              if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
-                instance = instance[value];
-              }
-              else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
+              if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
                 instance = instance[camelCaseValue];
               }
-              else if( instance[value] !== undefined ) {
-                found = instance[value];
-                return false;
-              }
               else if( instance[camelCaseValue] !== undefined ) {
                 found = instance[camelCaseValue];
                 return false;
               }
+              else if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
+                instance = instance[value];
+              }
+              else if( instance[value] !== undefined ) {
+                found = instance[value];
+                return false;
+              }
               else {
                 module.error(error.method);
                 return false;

data/app/assets/javascripts/semantic-ui/modules/behavior/form.js

@@ -246,7 +246,7 @@ $.fn.form = function(fields, parameters) {
                 .html(errors[0])
               ;
               if(!promptExists) {
-                if(settings.transition && $.fn.transition !== undefined) {
+                if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
                   module.verbose('Displaying error with css transition', settings.transition);
                   $prompt.transition(settings.transition + ' in', settings.duration);
                 }
@@ -279,7 +279,7 @@ $.fn.form = function(fields, parameters) {
             ;
             if(settings.inline && $prompt.is(':visible')) {
               module.verbose('Removing prompt for field', field);
-              if(settings.transition && $.fn.transition !== undefined) {
+              if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
                 $prompt.transition(settings.transition + ' out', settings.duration, function() {
                   $prompt.remove();
                 });
@@ -500,20 +500,20 @@ $.fn.form = function(fields, parameters) {
                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                 : query
               ;
-              if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
-                instance = instance[value];
-              }
-              else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
+              if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
                 instance = instance[camelCaseValue];
               }
-              else if( instance[value] !== undefined ) {
-                found = instance[value];
-                return false;
-              }
               else if( instance[camelCaseValue] !== undefined ) {
                 found = instance[camelCaseValue];
                 return false;
               }
+              else if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
+                instance = instance[value];
+              }
+              else if( instance[value] !== undefined ) {
+                found = instance[value];
+                return false;
+              }
               else {
                 module.error(error.method);
                 return false;

data/app/assets/javascripts/semantic-ui/modules/behavior/state.js

@@ -556,20 +556,20 @@ $.fn.state = function(parameters) {
                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                 : query
               ;
-              if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
-                instance = instance[value];
-              }
-              else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
+              if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
                 instance = instance[camelCaseValue];
               }
-              else if( instance[value] !== undefined ) {
-                found = instance[value];
-                return false;
-              }
               else if( instance[camelCaseValue] !== undefined ) {
                 found = instance[camelCaseValue];
                 return false;
               }
+              else if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
+                instance = instance[value];
+              }
+              else if( instance[value] !== undefined ) {
+                found = instance[value];
+                return false;
+              }
               else {
                 module.error(error.method);
                 return false;

data/app/assets/javascripts/semantic-ui/modules/checkbox.js

@@ -250,20 +250,20 @@ $.fn.checkbox = function(parameters) {
                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                 : query
               ;
-              if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
-                instance = instance[value];
-              }
-              else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
+              if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
                 instance = instance[camelCaseValue];
               }
-              else if( instance[value] !== undefined ) {
-                found = instance[value];
-                return false;
-              }
               else if( instance[camelCaseValue] !== undefined ) {
                 found = instance[camelCaseValue];
                 return false;
               }
+              else if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
+                instance = instance[value];
+              }
+              else if( instance[value] !== undefined ) {
+                found = instance[value];
+                return false;
+              }
               else {
                 module.error(error.method);
                 return false;

data/app/assets/javascripts/semantic-ui/modules/dimmer.js

@@ -155,7 +155,7 @@ $.fn.dimmer = function(parameters) {
               : function(){}
             ;
             module.set.dimmed();
-            if($.fn.transition !== undefined && settings.useCSS) {
+            if(settings.useCSS && $.fn.transition !== undefined && $module.transition('is supported')) {
               $dimmer
                 .transition({
                   animation : settings.transition + ' in',
@@ -190,7 +190,7 @@ $.fn.dimmer = function(parameters) {
               ? callback
               : function(){}
             ;
-            if($.fn.transition !== undefined && settings.useCSS) {
+            if(settings.useCSS && $.fn.transition !== undefined && $module.transition('is supported')) {
               module.verbose('Hiding dimmer with css');
               $dimmer
                 .transition({

data/app/assets/javascripts/semantic-ui/modules/dropdown.js

@@ -434,7 +434,7 @@ $.fn.dropdown = function(parameters) {
               if(settings.transition == 'none') {
                 callback();
               }
-              else if($.fn.transition !== undefined) {
+              else if($.fn.transition !== undefined && $module.transition('is supported')) {
                 $currentMenu.transition({
                   animation : settings.transition + ' in',
                   duration  : settings.duration,
@@ -482,7 +482,7 @@ $.fn.dropdown = function(parameters) {
             callback = callback || function(){};
             if(module.is.visible($currentMenu) ) {
               module.verbose('Doing menu hide animation', $currentMenu);
-              if($.fn.transition !== undefined) {
+              if($.fn.transition !== undefined && $module.transition('is supported')) {
                 $currentMenu.transition({
                   animation : settings.transition + ' out',
                   duration  : settings.duration,
@@ -702,20 +702,20 @@ $.fn.dropdown = function(parameters) {
                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                 : query
               ;
-              if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
-                instance = instance[value];
-              }
-              else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
+              if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
                 instance = instance[camelCaseValue];
               }
-              else if( instance[value] !== undefined ) {
-                found = instance[value];
-                return false;
-              }
               else if( instance[camelCaseValue] !== undefined ) {
                 found = instance[camelCaseValue];
                 return false;
               }
+              else if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
+                instance = instance[value];
+              }
+              else if( instance[value] !== undefined ) {
+                found = instance[value];
+                return false;
+              }
               else {
                 module.error(error.method);
                 return false;

data/app/assets/javascripts/semantic-ui/modules/modal.js

@@ -235,7 +235,7 @@ $.fn.modal = function(parameters) {
               module.hideOthers(module.showModal);
             }
             else {
-              if(settings.transition && $.fn.transition !== undefined) {
+              if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
                 $module
                   .transition(settings.transition + ' in', settings.duration, function() {
                     module.set.active();
@@ -301,7 +301,7 @@ $.fn.modal = function(parameters) {
           if( module.is.active() ) {
             module.debug('Hiding modal');
             module.remove.keyboardShortcuts();
-            if(settings.transition && $.fn.transition !== undefined) {
+            if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
               $module
                 .transition(settings.transition + ' out', settings.duration, function() {
                   module.remove.active();

data/app/assets/javascripts/semantic-ui/modules/nag.js

@@ -419,20 +419,20 @@ $.fn.nag = function(parameters) {
                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                 : query
               ;
-              if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
-                instance = instance[value];
-              }
-              else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
+              if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
                 instance = instance[camelCaseValue];
               }
-              else if( instance[value] !== undefined ) {
-                found = instance[value];
-                return false;
-              }
               else if( instance[camelCaseValue] !== undefined ) {
                 found = instance[camelCaseValue];
                 return false;
               }
+              else if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
+                instance = instance[value];
+              }
+              else if( instance[value] !== undefined ) {
+                found = instance[value];
+                return false;
+              }
               else {
                 module.error(error.method);
                 return false;

data/app/assets/javascripts/semantic-ui/modules/popup.js

@@ -256,7 +256,7 @@ $.fn.popup = function(parameters) {
             $module
               .addClass(className.visible)
             ;
-            if(settings.transition && $.fn.transition !== undefined) {
+            if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
               $popup
                 .transition(settings.transition + ' in', settings.duration, function() {
                   module.bind.close();
@@ -278,7 +278,7 @@ $.fn.popup = function(parameters) {
           hide: function(callback) {
             callback = callback || function(){};
             module.debug('Hiding pop-up');
-            if(settings.transition && $.fn.transition !== undefined) {
+            if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
               $popup
                 .transition(settings.transition + ' out', settings.duration, function() {
                   module.reset();

data/app/assets/javascripts/semantic-ui/modules/rating.js

@@ -309,20 +309,20 @@ $.fn.rating = function(parameters) {
                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                 : query
               ;
-              if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
-                instance = instance[value];
-              }
-              else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
+              if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
                 instance = instance[camelCaseValue];
               }
-              else if( instance[value] !== undefined ) {
-                found = instance[value];
-                return false;
-              }
               else if( instance[camelCaseValue] !== undefined ) {
                 found = instance[camelCaseValue];
                 return false;
               }
+              else if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
+                instance = instance[value];
+              }
+              else if( instance[value] !== undefined ) {
+                found = instance[value];
+                return false;
+              }
               else {
                 module.error(error.method);
                 return false;

data/app/assets/javascripts/semantic-ui/modules/search.js

@@ -522,20 +522,20 @@ $.fn.search = function(source, parameters) {
                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                 : query
               ;
-              if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
-                instance = instance[value];
-              }
-              else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
+              if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
                 instance = instance[camelCaseValue];
               }
-              else if( instance[value] !== undefined ) {
-                found = instance[value];
-                return false;
-              }
               else if( instance[camelCaseValue] !== undefined ) {
                 found = instance[camelCaseValue];
                 return false;
               }
+              else if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
+                instance = instance[value];
+              }
+              else if( instance[value] !== undefined ) {
+                found = instance[value];
+                return false;
+              }
               else {
                 module.error(error.method);
                 return false;

data/app/assets/javascripts/semantic-ui/modules/shape.js

@@ -677,20 +677,20 @@ $.fn.shape = function(parameters) {
                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                 : query
               ;
-              if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
-                instance = instance[value];
-              }
-              else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
+              if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
                 instance = instance[camelCaseValue];
               }
-              else if( instance[value] !== undefined ) {
-                found = instance[value];
-                return false;
-              }
               else if( instance[camelCaseValue] !== undefined ) {
                 found = instance[camelCaseValue];
                 return false;
               }
+              else if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
+                instance = instance[value];
+              }
+              else if( instance[value] !== undefined ) {
+                found = instance[value];
+                return false;
+              }
               else {
                 module.error(error.method);
                 return false;

data/app/assets/javascripts/semantic-ui/modules/sidebar.js

@@ -413,20 +413,20 @@ $.fn.sidebar = function(parameters) {
                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                 : query
               ;
-              if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
-                instance = instance[value];
-              }
-              else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
+              if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
                 instance = instance[camelCaseValue];
               }
-              else if( instance[value] !== undefined ) {
-                found = instance[value];
-                return false;
-              }
               else if( instance[camelCaseValue] !== undefined ) {
                 found = instance[camelCaseValue];
                 return false;
               }
+              else if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
+                instance = instance[value];
+              }
+              else if( instance[value] !== undefined ) {
+                found = instance[value];
+                return false;
+              }
               else {
                 module.error(error.method);
                 return false;

data/app/assets/javascripts/semantic-ui/modules/transition.js

@@ -101,6 +101,10 @@ $.fn.transition = function() {
 
         animate: function(overrideSettings) {
           settings = overrideSettings || settings;
+          if(!module.is.supported()) {
+            module.error(error.support);
+            return false;
+          }
           module.debug('Preparing animation', settings.animation);
           if(module.is.animating()) {
             if(settings.queue) {
@@ -120,7 +124,7 @@ $.fn.transition = function() {
           if(!module.has.direction() && module.can.transition()) {
             module.set.direction();
           }
-          if(!module.can.animate()) {
+          if(!module.has.transitionAvailable) {
             module.restore.conditions();
             module.error(error.noAnimation);
             return false;
@@ -172,6 +176,16 @@ $.fn.transition = function() {
             if( $module.hasClass(className.inward) || $module.hasClass(className.outward) ) {
               return true;
             }
+          },
+          transitionAvailable: function() {
+            if($module.css(animationName) !== 'none') {
+              module.debug('CSS definition found');
+              return true;
+            }
+            else {
+              module.debug('Unable to find css definition');
+              return false;
+            }
           }
         },
 
@@ -332,7 +346,7 @@ $.fn.transition = function() {
             ;
             for(animation in animations){
               if( element.style[animation] !== undefined ){
-                module.verbose('Determining animation vendor name property', animations[animation]);
+                module.verbose('Determined animation vendor name property', animations[animation]);
                 return animations[animation];
               }
             }
@@ -352,7 +366,7 @@ $.fn.transition = function() {
             ;
             for(animation in animations){
               if( element.style[animation] !== undefined ){
-                module.verbose('Determining animation vendor end event', animations[animation]);
+                module.verbose('Determined animation vendor end event', animations[animation]);
                 return animations[animation];
               }
             }
@@ -362,16 +376,6 @@ $.fn.transition = function() {
         },
 
         can: {
-          animate: function() {
-            if($module.css(animationName) !== 'none') {
-              module.debug('CSS definition found');
-              return true;
-            }
-            else {
-              module.debug('Unable to find css definition');
-              return false;
-            }
-          },
           transition: function() {
             var
               $clone           = $('<div>').addClass( $module.attr('class') ).appendTo($('body')),
@@ -400,6 +404,9 @@ $.fn.transition = function() {
           },
           visible: function() {
             return $module.is(':visible');
+          },
+          supported: function() {
+            return(animationName !== false && animationEnd !== false);
           }
         },
 
@@ -555,21 +562,22 @@ $.fn.transition = function() {
                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                 : query
               ;
-              if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
-                instance = instance[value];
-              }
-              else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
+              if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
                 instance = instance[camelCaseValue];
               }
-              else if( instance[value] !== undefined ) {
-                found = instance[value];
-                return false;
-              }
               else if( instance[camelCaseValue] !== undefined ) {
                 found = instance[camelCaseValue];
                 return false;
               }
+              else if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
+                instance = instance[value];
+              }
+              else if( instance[value] !== undefined ) {
+                found = instance[value];
+                return false;
+              }
               else {
+                module.error(error.method);
                 return false;
               }
             });
@@ -589,7 +597,7 @@ $.fn.transition = function() {
           else if(response !== undefined) {
             returnedValue = response;
           }
-          return found || false;
+          return found;
         }
       };
       module.initialize();
@@ -645,7 +653,8 @@ $.fn.transition.settings = {
   // possible errors
   error: {
     noAnimation : 'There is no css animation matching the one you specified.',
-    method      : 'The method you called is not defined'
+    method      : 'The method you called is not defined',
+    support     : 'This browser does not support CSS animations'
   }
 
 };

data/app/assets/javascripts/semantic-ui/modules/video.js

@@ -348,20 +348,20 @@ $.fn.video = function(parameters) {
                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                 : query
               ;
-              if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
-                instance = instance[value];
-              }
-              else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
+              if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
                 instance = instance[camelCaseValue];
               }
-              else if( instance[value] !== undefined ) {
-                found = instance[value];
-                return false;
-              }
               else if( instance[camelCaseValue] !== undefined ) {
                 found = instance[camelCaseValue];
                 return false;
               }
+              else if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
+                instance = instance[value];
+              }
+              else if( instance[value] !== undefined ) {
+                found = instance[value];
+                return false;
+              }
               else {
                 module.error(error.method);
                 return false;

data/app/assets/stylesheets/semantic-ui/collections/form.less

@@ -64,7 +64,6 @@
 
 
 .ui.form textarea,
-.ui.form select,
 .ui.form input[type="text"],
 .ui.form input[type="email"],
 .ui.form input[type="date"],
@@ -76,7 +75,6 @@
 }
 
 .ui.form textarea,
-.ui.form select,
 .ui.form input[type="text"],
 .ui.form input[type="email"],
 .ui.form input[type="date"],
@@ -212,8 +210,7 @@
 .ui.form input[type="password"]:focus,
 .ui.form input[type="number"]:focus,
 .ui.form input[type="tel"]:focus,
-.ui.form textarea:focus,
-.ui.form select:focus{
+.ui.form textarea:focus{
   color: rgba(0, 0, 0, 0.85);
   border-color: rgba(0, 0, 0, 0.2);
   border-bottom-left-radius: 0;
@@ -565,8 +562,7 @@
 .ui.small.form input[type="password"],
 .ui.small.form input[type="number"],
 .ui.small.form input[type="tel"],
-.ui.small.form label,
-.ui.small.form select{
+.ui.small.form label{
   font-size: 1em;
 }
 

data/app/assets/stylesheets/semantic-ui/elements/reveal.less

@@ -0,0 +1,365 @@
+/*
+ * # Semantic - Reveal
+ * http://github.com/jlukic/semantic-ui/
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+            Reveal
+*******************************/
+
+.ui.reveal  {
+  display: inline-block;
+  position: relative !important;
+  z-index: 2 !important;
+  font-size: 0em !important;
+}
+
+.ui.reveal > .content {
+  font-size: 1rem !important;
+}
+
+.ui.reveal > .visible.content {
+  -webkit-transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  -moz-transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  -ms-transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+}
+
+.ui.reveal > .visible.content {
+  position: absolute !important;
+  top: 0em !important;
+  left: 0em !important;
+  z-index: 4 !important;
+  -webkit-transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  -moz-transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  -ms-transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+}
+.ui.reveal > .hidden.content {
+  position: relative !important;
+  z-index: 3 !important;
+}
+
+/*------------------
+   Loose Coupling
+-------------------*/
+
+.ui.reveal.button {
+  overflow: hidden;
+}
+
+
+
+/*******************************
+              Types
+*******************************/
+
+
+/*--------------
+      Slide
+---------------*/
+
+.ui.slide.reveal {
+  position: relative !important;
+  display: block;
+  overflow: hidden !important;
+
+  white-space: nowrap;
+}
+
+.ui.slide.reveal > .content {
+  display: block;
+  float: left;
+
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+
+  margin: 0em;
+  -webkit-transition:
+    top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  -moz-transition:
+    top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  -ms-transition:
+    top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  transition:
+    top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+}
+.ui.slide.reveal > .visible.content {
+  position: relative !important;
+}
+.ui.slide.reveal > .hidden.content {
+  position: absolute !important;
+  left: 100% !important;
+  width: 100% !important;
+}
+.ui.slide.reveal:hover > .visible.content {
+  left: -100% !important;
+}
+.ui.slide.reveal:hover > .hidden.content {
+  left: 0% !important;
+}
+
+.ui.right.slide.reveal > .visible.content {
+  left: 0%;
+}
+.ui.right.slide.reveal > .hidden.content {
+  left: auto !important;
+  right: 100% !important;
+}
+.ui.right.slide.reveal:hover > .visible.content {
+  left: 100% !important;
+  right: auto !important;
+}
+.ui.right.slide.reveal:hover > .hidden.content {
+  left: auto !important;
+  right: 0% !important;
+}
+
+.ui.up.slide.reveal > .visible.content {
+  top: 0% !important;
+  left: 0% !important;
+  right: auto !important;
+  bottom: auto !important;
+}
+.ui.up.slide.reveal > .hidden.content {
+  top: 100% !important;
+  left: 0% !important;
+  right: auto !important;
+  bottom: auto !important;
+}
+.ui.slide.up.reveal:hover > .visible.content {
+  top: -100% !important;
+  left: 0% !important;
+}
+.ui.slide.up.reveal:hover > .hidden.content {
+  top: 0% !important;
+  left: 0% !important;
+}
+
+.ui.down.slide.reveal > .visible.content {
+  top: auto !important;
+  right: auto !important;
+  bottom: auto !important;
+  bottom: 0% !important;
+}
+.ui.down.slide.reveal > .hidden.content {
+  top: auto !important;
+  right: auto !important;
+  bottom: 100% !important;
+  left: 0% !important;
+}
+.ui.slide.down.reveal:hover > .visible.content {
+  left: 0% !important;
+  bottom: -100% !important;
+}
+.ui.slide.down.reveal:hover > .hidden.content {
+  left: 0% !important;
+  bottom: 0% !important;
+}
+
+
+
+/*--------------
+      Fade
+---------------*/
+
+.ui.fade.reveal > .visible.content {
+  opacity: 1;
+}
+.ui.fade.reveal:hover > .visible.content {
+  opacity: 0;
+}
+
+
+/*--------------
+      Move
+---------------*/
+
+.ui.move.reveal > .visible.content,
+.ui.move.left.reveal > .visible.content {
+  left: auto !important;
+  top: auto !important;
+  bottom: auto !important;
+  right: 0% !important;
+}
+.ui.move.reveal:hover > .visible.content,
+.ui.move.left.reveal:hover > .visible.content {
+  right: 100% !important;
+}
+
+.ui.move.right.reveal > .visible.content {
+  right: auto !important;
+  top: auto !important;
+  bottom: auto !important;
+  left: 0% !important;
+}
+.ui.move.right.reveal:hover > .visible.content {
+  left: 100% !important;
+}
+
+.ui.move.up.reveal > .visible.content {
+  right: auto !important;
+  left: auto !important;
+  top: auto !important;
+
+  bottom: 0% !important;
+}
+.ui.move.up.reveal:hover > .visible.content {
+  bottom: 100% !important;
+}
+
+.ui.move.down.reveal > .visible.content {
+  right: auto !important;
+  left: auto !important;
+  bottom: auto !important;
+
+  top: 0% !important;
+  bottom: auto !important;
+}
+.ui.move.down.reveal:hover > .visible.content {
+  top: 100% !important;
+}
+
+
+/*--------------
+     Rotate
+---------------*/
+
+.ui.rotate.reveal > .visible.content {
+  -webkit-transition-duration: 0.8s;
+  -moz-transition-duration: 0.8s;
+  -o-transition-duration: 0.8s;
+  -ms-transition-duration: 0.8s;
+  transition-duration: 0.8s;
+
+  -webkit-transform: rotate(0deg);
+  -moz-transform: rotate(0deg);
+  -o-transform: rotate(0deg);
+  -ms-transform: rotate(0deg);
+  transform: rotate(0deg);
+}
+
+.ui.rotate.reveal > .visible.content,
+.ui.rotate.right.reveal > .visible.content {
+  -webkit-transform-origin: bottom right;
+  -moz-transform-origin: bottom right;
+  -o-transform-origin: bottom right;
+  -ms-transform-origin: bottom right;
+  transform-origin: bottom right;
+}
+.ui.rotate.reveal:hover > .visible.content,
+.ui.rotate.right.reveal:hover > .visible.content {
+  -webkit-transform: rotate(110deg);
+  -moz-transform: rotate(110deg);
+  -o-transform: rotate(110deg);
+  -ms-transform: rotate(110deg);
+  transform: rotate(110deg);
+}
+
+.ui.rotate.left.reveal > .visible.content {
+  -webkit-transform-origin: bottom left;
+  -moz-transform-origin: bottom left;
+  -o-transform-origin: bottom left;
+  -ms-transform-origin: bottom left;
+  transform-origin: bottom left;
+}
+.ui.rotate.left.reveal:hover > .visible.content {
+  -webkit-transform: rotate(-110deg);
+  -moz-transform: rotate(-110deg);
+  -o-transform: rotate(-110deg);
+  -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
+*******************************/
+
+/*--------------
+     Masked
+---------------*/
+
+.ui.masked.reveal {
+  overflow: hidden;
+}
+
+/*--------------
+     Instant
+---------------*/
+
+.ui.instant.reveal > .content {
+  -webkit-transition-delay: 0s !important;
+  -moz-transition-delay: 0s !important;
+  -o-transition-delay: 0s !important;
+  -ms-transition-delay: 0s !important;
+  transition-delay: 0s !important;
+}

data/lib/generators/semantic/install/templates/semantic-ui.css.less

@@ -10,6 +10,7 @@
 @import 'semantic-ui/elements/divider.less'; 
 @import 'semantic-ui/elements/image.less'; 
 @import 'semantic-ui/elements/basic.icon.less'; 
+@import 'semantic-ui/elements/reveal.less'; 
 @import 'semantic-ui/elements/icon.less'; 
 
 /* Collections */ 

data/lib/semantic/ui/rails/version.rb

@@ -1,7 +1,7 @@
 module Semantic
   module Ui
     module Rails
-      VERSION = "0.8.3"
+      VERSION = "0.8.4"
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: semantic-ui-rails
 version: !ruby/object:Gem::Version
-  version: 0.8.3
+  version: 0.8.4
 platform: ruby
 authors:
 - nd0ut
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-10-30 00:00:00.000000000 Z
+date: 2013-11-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: less-rails
@@ -158,6 +158,7 @@ files:
 - app/assets/stylesheets/semantic-ui/elements/label.less
 - app/assets/stylesheets/semantic-ui/elements/loader.less
 - app/assets/stylesheets/semantic-ui/elements/progress.less
+- app/assets/stylesheets/semantic-ui/elements/reveal.less
 - app/assets/stylesheets/semantic-ui/elements/segment.less
 - app/assets/stylesheets/semantic-ui/elements/step.less
 - app/assets/stylesheets/semantic-ui/modules/accordion.less