semantic-ui-sass 0.9.6.0 → 0.10.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f4fdae4fa8333afa8df1be0f5d98174fda1ad372
-  data.tar.gz: 1ad73c7e0cba62b1784762570af94e047a5cb6ae
+  metadata.gz: e8d5c3eff9565c4d5ea64acc9ae1bfb397387616
+  data.tar.gz: c0f3e1ba3cced91526b499fffad898a94c4657e9
 SHA512:
-  metadata.gz: 7dcccefbd853e1c63fdc2e5b81162df46e4ba004bfff85b0aa7cc23d7c78c29c79111cf45fedaca6377549fc20c5ec338942d1172efed4a88ad963ae58b30f1a
-  data.tar.gz: 70dfe332a254093c8564e0287a8b9639ea3aea29c8bd6889b00793014440304baad436cbf1918fc5f318058e9c4a7c8eff6f1dd28b4ec65b12f6e1580399e2f3
+  metadata.gz: 5a9f510079e4a1e9dae7bfdb5e78b12e994fa49649cff81ffcc4c8bc1d25fd7986b507aec53955f891cb5e2bd4368bf7f63483d9958b1344f4ad9e435ef6cd00
+  data.tar.gz: 2c69dd044b600c5bc9834f44daeda9bc75e7fcfa8db4a14da0fc234fe054c915be50828e4d9f059f7a855aaff9a6b2d615f83b9c19226f845031594da7ff0e0a

data/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.10.0.0
+
+* Update Semantic UI to 0.10.0
+
 ## 0.9.6.0
 
 * Update Semantic UI to 0.9.6

data/README.md

@@ -5,7 +5,7 @@
 ## Installation and Usage
 
 ```ruby
-gem 'semantic-ui-sass', '~> 0.9.6.0'
+gem 'semantic-ui-sass', '~> 0.10.0.0'
 ```
 or
 

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

@@ -158,12 +158,12 @@ $.fn.form = function(fields, parameters) {
                 $field      = $(this),
                 $fieldGroup = $field.closest($group)
               ;
-              if( $fieldGroup.hasClass(className.error) ) {
-                module.debug('Revalidating field', $field,  module.get.validation($field));
-                module.validate.field( module.get.validation($field) );
-              }
-              else if(settings.on == 'change') {
-                module.validate.field( module.get.validation($field) );
+              if(settings.on == 'change' || ( $fieldGroup.hasClass(className.error) && settings.revalidate) ) {
+                clearTimeout(module.timer);
+                module.timer = setTimeout(function() {
+                  module.debug('Revalidating field', $field,  module.get.validation($field));
+                  module.validate.field( module.get.validation($field) );
+                }, settings.delay);
               }
             }
           }
@@ -574,6 +574,9 @@ $.fn.form.settings = {
   on                : 'submit',
   inline            : false,
 
+  delay             : 200,
+  revalidate        : true,
+
   transition        : 'scale',
   duration          : 150,
 
@@ -609,7 +612,6 @@ $.fn.form.settings = {
   },
 
 
-
   templates: {
     error: function(errors) {
       var

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

@@ -318,7 +318,10 @@ $.fn.dropdown = function(parameters) {
             return $text.text();
           },
           value: function() {
-            return $input.val();
+            return ($input.size() > 0)
+              ? $input.val()
+              : $module.data(metadata.value)
+            ;
           },
           item: function(value) {
             var
@@ -364,7 +367,12 @@ $.fn.dropdown = function(parameters) {
           },
           value: function(value) {
             module.debug('Adding selected value to hidden input', value, $input);
-            $input.val(value);
+            if($input.size() > 0) {
+              $input.val(value);
+            }
+            else {
+              $module.data(metadata.value, value);
+            }
           },
           active: function() {
             $module.addClass(className.active);

data/app/assets/stylesheets/semantic-ui/collections/_grid.scss

@@ -43,11 +43,14 @@ body > .ui.grid {
        Columns
 --------------------*/
 
+/* Standard 16 column */
+
 .ui.grid > .column,
 .ui.grid > .row > .column {
   display: inline-block;
   text-align: left;
   font-size: 1rem;
+  width: 6.25%;
   padding-left: 1.5%;
   padding-right: 1.5%;
   -webkit-box-sizing: border-box;
@@ -57,6 +60,13 @@ body > .ui.grid {
   vertical-align: top;
 }
 
+/* Vertical padding when no rows */
+
+.ui.grid > .column {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
 /*-------------------
         Rows
 --------------------*/
@@ -65,7 +75,7 @@ body > .ui.grid {
   display: block;
   width: 100% !important;
   margin-top: 1.5%;
-  padding: 1.5% 0% 0%;
+  padding: 1rem 0% 0%;
   font-size: 0rem;
 }
 
@@ -221,13 +231,6 @@ body > .ui.grid {
      Column Count
 --------------------*/
 
-/* Standard */
-
-.ui.grid > .column,
-.ui.grid > .row > .column {
-  width: 6.25%;
-}
-
 /* Assume full width with one column */
 
 .ui.one.column.grid > .row > .column,
@@ -664,6 +667,162 @@ body > .ui.grid {
   }
 }
 
+/*-------------------
+      Doubling
+--------------------*/
+
+/* Mobily Only */
+
+@media only screen and (max-width : 768px) {
+  .ui.two.column.doubling.grid > .row > .column,
+  .ui.two.column.doubling.grid > .column,
+  .ui.grid > .two.column.doubling.row > .column {
+    width: 100%;
+  }
+
+  .ui.three.column.doubling.grid > .row > .column,
+  .ui.three.column.doubling.grid > .column,
+  .ui.grid > .three.column.doubling.row > .column {
+    width: 100%;
+  }
+
+  .ui.four.column.doubling.grid > .row > .column,
+  .ui.four.column.doubling.grid > .column,
+  .ui.grid > .four.column.doubling.row > .column {
+    width: 100%;
+  }
+
+  .ui.five.column.doubling.grid > .row > .column,
+  .ui.five.column.doubling.grid > .column,
+  .ui.grid > .five.column.doubling.row > .column {
+    width: 100%;
+  }
+
+  .ui.six.column.doubling.grid > .row > .column,
+  .ui.six.column.doubling.grid > .column,
+  .ui.grid > .six.column.doubling.row > .column {
+    width: 50%;
+  }
+
+  .ui.seven.column.doubling.grid > .row > .column,
+  .ui.seven.column.doubling.grid > .column,
+  .ui.grid > .seven.column.doubling.row > .column {
+    width: 50%;
+  }
+
+  .ui.eight.column.doubling.grid > .row > .column,
+  .ui.eight.column.doubling.grid > .column,
+  .ui.grid > .eight.column.doubling.row > .column {
+    width: 50%;
+  }
+
+  .ui.nine.column.doubling.grid > .row > .column,
+  .ui.nine.column.doubling.grid > .column,
+  .ui.grid > .nine.column.doubling.row > .column {
+    width: 50%;
+  }
+
+  .ui.ten.column.doubling.grid > .row > .column,
+  .ui.ten.column.doubling.grid > .column,
+  .ui.grid > .ten.column.doubling.row > .column {
+    width: 50%;
+  }
+
+  .ui.twelve.column.doubling.grid > .row > .column,
+  .ui.twelve.column.doubling.grid > .column,
+  .ui.grid > .twelve.column.doubling.row > .column {
+    width: 33.3333333333333%;
+  }
+
+  .ui.fourteen.column.doubling.grid > .row > .column,
+  .ui.fourteen.column.doubling.grid > .column,
+  .ui.grid > .fourteen.column.doubling.row > .column {
+    width: 33.3333333333333%;
+  }
+
+  .ui.sixteen.column.doubling.grid > .row > .column,
+  .ui.sixteen.column.doubling.grid > .column,
+  .ui.grid > .sixteen.column.doubling.row > .column {
+    width: 25%;
+  }
+}
+
+/* Tablet Only */
+
+@media only screen and (min-width : 768px) and (max-width : 998px) {
+  .ui.two.column.doubling.grid > .row > .column,
+  .ui.two.column.doubling.grid > .column,
+  .ui.grid > .two.column.doubling.row > .column {
+    width: 100%;
+  }
+
+  .ui.three.column.doubling.grid > .row > .column,
+  .ui.three.column.doubling.grid > .column,
+  .ui.grid > .three.column.doubling.row > .column {
+    width: 50%;
+  }
+
+  .ui.four.column.doubling.grid > .row > .column,
+  .ui.four.column.doubling.grid > .column,
+  .ui.grid > .four.column.doubling.row > .column {
+    width: 50%;
+  }
+
+  .ui.five.column.doubling.grid > .row > .column,
+  .ui.five.column.doubling.grid > .column,
+  .ui.grid > .five.column.doubling.row > .column {
+    width: 33.3333333%;
+  }
+
+  .ui.six.column.doubling.grid > .row > .column,
+  .ui.six.column.doubling.grid > .column,
+  .ui.grid > .six.column.doubling.row > .column {
+    width: 33.3333333%;
+  }
+
+  .ui.eight.column.doubling.grid > .row > .column,
+  .ui.eight.column.doubling.grid > .column,
+  .ui.grid > .eight.column.doubling.row > .column {
+    width: 33.3333333%;
+  }
+
+  .ui.eight.column.doubling.grid > .row > .column,
+  .ui.eight.column.doubling.grid > .column,
+  .ui.grid > .eight.column.doubling.row > .column {
+    width: 25%;
+  }
+
+  .ui.nine.column.doubling.grid > .row > .column,
+  .ui.nine.column.doubling.grid > .column,
+  .ui.grid > .nine.column.doubling.row > .column {
+    width: 25%;
+  }
+
+  .ui.ten.column.doubling.grid > .row > .column,
+  .ui.ten.column.doubling.grid > .column,
+  .ui.grid > .ten.column.doubling.row > .column {
+    width: 20%;
+  }
+
+  .ui.twelve.column.doubling.grid > .row > .column,
+  .ui.twelve.column.doubling.grid > .column,
+  .ui.grid > .twelve.column.doubling.row > .column {
+    width: 16.6666666%;
+  }
+
+  .ui.fourteen.column.doubling.grid > .row > .column,
+  .ui.fourteen.column.doubling.grid > .column,
+  .ui.grid > .fourteen.column.doubling.row > .column {
+    width: 14.28571428571429%;
+  }
+
+  .ui.sixteen.column.doubling.grid > .row > .column,
+  .ui.sixteen.column.doubling.grid > .column,
+  .ui.grid > .sixteen.column.doubling.row > .column {
+    width: 12.5%;
+  }
+}
+
 /*-------------------
        Stackable
 --------------------*/
@@ -672,14 +831,15 @@ body > .ui.grid {
   .ui.stackable.grid {
     display: block !important;
     padding: 0em;
+    margin: 0em;
   }
 
   .ui.stackable.grid > .row > .column,
   .ui.stackable.grid > .column {
     display: block !important;
     width: auto !important;
-    margin: 1.5em 5% 0em !important;
-    padding: 1.5em 0em 0em !important;
+    margin: 1em 0em 0em !important;
+    padding: 1em 0em 0em !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
   }
@@ -702,6 +862,12 @@ body > .ui.grid {
     border-top: none !important;
   }
 
+  .ui.stackable.page.grid > .row > .column,
+  .ui.stackable.page.grid > .column {
+    padding-left: 1em !important;
+    padding-right: 1em !important;
+  }
+
   /* Remove pointers from vertical menus */
 
   .ui.stackable.grid .vertical.pointing.menu .item:after {

data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss

@@ -86,7 +86,7 @@
   overflow: hidden;
 }
 
-.ui.dimmed.dimmable > .ui.dimmer,
+.ui.dimmed.dimmable > .ui.active.dimmer,
 .ui.active.dimmer {
   display: block;
   width: 100%;

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

@@ -1,8 +1,8 @@
 module Semantic
   module Ui
     module Sass
-      VERSION = "0.9.6.0"
-      SEMANTIC_UI_SHA = '7fc7e122174a5f341ec59b1f6988fb39ab9136f0'
+      VERSION = "0.10.0.0"
+      SEMANTIC_UI_SHA = '60506fd7740e1e372f4ab2fdd83866d24f81bdf7'
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: semantic-ui-sass
 version: !ruby/object:Gem::Version
-  version: 0.9.6.0
+  version: 0.10.0.0
 platform: ruby
 authors:
 - doabit
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-12-04 00:00:00.000000000 Z
+date: 2013-12-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler