semantic-ui-sass 0.14.0.0 → 0.15.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 64fced5d889ca61f15a29fe28892619ae3a8a5d4
-  data.tar.gz: e39dc59786251671dedaa32ca18b4dbedb2f86e2
+  metadata.gz: 11057cbb13278fba3b1f5e850e05ddadf706f921
+  data.tar.gz: 4bbd098cdddac0ab0731c06894c1a92689092684
 SHA512:
-  metadata.gz: 19df4588aa4d19e6ef16ae4a29b839771ca567f9cdfec2139f307b115f81dc8f047e66ebeead323c199cd6588611868bd54a3a547e9b49ec08cbe3e97c30d994
-  data.tar.gz: b427329b8cc84c39dbe493784383989f4f028444b71835828a3503af988ca609b665c8ba7506aa5858c74721ee0660a1e3d2ad024ce3ea586aee434107b498a2
+  metadata.gz: 047b2e7eb990105c3edbe5914df021ad6b03a383377298cef25feb25f209578c15884a3024bde0aba771ca99e4fe2cb4ed8b72f3b32024593da847684ad23f73
+  data.tar.gz: c9ce3e48f35c583bc5b1ed73d1a4c6452925cfbdf8d3a43c1fca89c7806f3305d90b3dfbb434230f5e1d3c868d0090d7b8ca884ce14b1560a02582e8a44025ec

data/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.15.1.0
+
+* Update Semantic UI to 0.15.1
+
 ## 0.14.0.0
 
 * Update Semantic UI to 0.14.0

data/README.md

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

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

@@ -107,12 +107,10 @@ $.fn.form = function(fields, parameters) {
           ;
           $field
             .each(function() {
-              var  
+              var
                 type       = $(this).prop('type'),
                 inputEvent = module.get.changeEvent(type)
               ;
-              if(settings.inline == true) {
-              }
               $(this)
                 .on(inputEvent + eventNamespace, module.event.field.change)
               ;
@@ -201,7 +199,7 @@ $.fn.form = function(fields, parameters) {
 
         get: {
           changeEvent: function(type) {
-            if(type == 'checkbox' || type == 'radio') {
+            if(type == 'checkbox' || type == 'radio' || type == 'hidden') {
               return 'change';
             }
             else {

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

@@ -216,7 +216,9 @@ $.fn.dropdown = function(parameters) {
                   : $choice.text(),
                 value   = ( $choice.data(metadata.value) !== undefined)
                   ? $choice.data(metadata.value)
-                  : text.toLowerCase(),
+                  : (typeof text === 'string')
+                      ? text.toLowerCase()
+                      : text,
                 callback = function() {
                   module.determine.selectAction(text, value);
                   $.proxy(settings.onChange, element)(value, text);
@@ -332,7 +334,7 @@ $.fn.dropdown = function(parameters) {
               : $module.data(metadata.value)
             ;
           },
-          item: function(value) {
+          item: function(value, strict) {
             var
               $selectedItem = false
             ;
@@ -342,6 +344,13 @@ $.fn.dropdown = function(parameters) {
                 ? module.get.value()
                 : module.get.text()
             ;
+            if(strict === undefined && value === '') {
+              module.debug('Ambiguous dropdown value using strict type check', value);
+              strict = true;
+            }
+            else {
+              strict = strict || false;
+            }
             if(value !== undefined) {
               $item
                 .each(function() {
@@ -352,13 +361,25 @@ $.fn.dropdown = function(parameters) {
                       : $choice.text(),
                     optionValue   = ( $choice.data(metadata.value) !== undefined )
                       ? $choice.data(metadata.value)
-                      : optionText.toLowerCase()
+                      : (typeof optionText === 'string')
+                        ? optionText.toLowerCase()
+                        : optionText
                   ;
-                  if( optionValue == value ) {
-                    $selectedItem = $(this);
+                  if(strict) {
+                    if( optionValue === value ) {
+                      $selectedItem = $(this);
+                    }
+                    else if( !$selectedItem && optionText === value ) {
+                      $selectedItem = $(this);
+                    }
                   }
-                  else if( !$selectedItem && optionText == value ) {
-                    $selectedItem = $(this);
+                  else {
+                    if( optionValue == value ) {
+                      $selectedItem = $(this);
+                    }
+                    else if( !$selectedItem && optionText == value ) {
+                      $selectedItem = $(this);
+                    }
                   }
                 })
               ;
@@ -416,7 +437,10 @@ $.fn.dropdown = function(parameters) {
           value: function(value) {
             module.debug('Adding selected value to hidden input', value, $input);
             if($input.size() > 0) {
-              $input.val(value);
+              $input
+                .val(value)
+                .trigger('change')
+              ;
             }
             else {
               $module.data(metadata.value, value);

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

@@ -25,6 +25,12 @@ $.fn.modal = function(parameters) {
     methodInvoked   = (typeof query == 'string'),
     queryArguments  = [].slice.call(arguments, 1),
 
+    requestAnimationFrame = window.requestAnimationFrame
+      || window.mozRequestAnimationFrame
+      || window.webkitRequestAnimationFrame
+      || window.msRequestAnimationFrame
+      || function(callback) { setTimeout(callback, 0); },
+
     returnedValue
   ;
 
@@ -247,10 +253,12 @@ $.fn.modal = function(parameters) {
               module.hideOthers(module.showModal);
             }
             else {
+              $.proxy(settings.onShow, element)();
               if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
                 module.debug('Showing modal with css animations');
                 $module
                   .transition(settings.transition + ' in', settings.duration, function() {
+                    $.proxy(settings.onVisible, element)();
                     module.set.active();
                     callback();
                   })
@@ -260,12 +268,12 @@ $.fn.modal = function(parameters) {
                 module.debug('Showing modal with javascript');
                 $module
                   .fadeIn(settings.duration, settings.easing, function() {
+                    $.proxy(settings.onVisible, element)();
                     module.set.active();
                     callback();
                   })
                 ;
               }
-              $.proxy(settings.onShow, element)();
             }
           }
           else {
@@ -327,9 +335,11 @@ $.fn.modal = function(parameters) {
           }
           module.debug('Hiding modal');
           module.remove.keyboardShortcuts();
+          $.proxy(settings.onHide, element)();
           if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
             $module
               .transition(settings.transition + ' out', settings.duration, function() {
+                $.proxy(settings.onHidden, element)();
                 module.remove.active();
                 module.restore.focus();
                 callback();
@@ -339,13 +349,13 @@ $.fn.modal = function(parameters) {
           else {
             $module
               .fadeOut(settings.duration, settings.easing, function() {
+                $.proxy(settings.onHidden, element)();
                 module.remove.active();
                 module.restore.focus();
                 callback();
               })
             ;
           }
-          $.proxy(settings.onHide, element)();
         },
 
         hideAll: function(callback) {
@@ -706,6 +716,10 @@ $.fn.modal.settings = {
 
   onShow        : function(){},
   onHide        : function(){},
+
+  onVisible     : function(){},
+  onHidden      : function(){},
+
   onApprove     : function(){ return true; },
   onDeny        : function(){ return true; },
 

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

@@ -83,8 +83,8 @@
 .ui.form input[type="url"],
 .ui.form input[type="tel"] {
   margin: 0em;
-  padding: 0.85em 1.2em;
-  font-size: 0.875em;
+  padding: 0.65em 1em;
+  font-size: 1em;
   background-color: #FFFFFF;
   border: 1px solid rgba(0, 0, 0, 0.15);
   outline: none;

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

@@ -225,8 +225,8 @@
 }
 
 .ui.menu .item > .input input {
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
+  padding-top: 0.35em;
+  padding-bottom: 0.35em;
 }
 
 .ui.vertical.menu .item > .input input {
@@ -235,10 +235,6 @@
   padding-bottom: 0.63em;
 }
 
-.ui.vertical.menu .ui.input > .icon {
-  padding-top: 0.63em;
-}
-
 /* Action Input */
 
 .ui.menu:not(.vertical) .item > .button.labeled > .icon {

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

@@ -69,6 +69,10 @@
   border-radius: 0px 0px 5px 0px;
 }
 
+.ui.table tfoot th:only-child {
+  border-radius: 0px 0px 5px 5px;
+}
+
 /* Table Cells */
 
 .ui.table td {

data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss

@@ -470,16 +470,16 @@ i.basic.icon.export:before {
 /* '' */
 
 i.basic.icon.hide:before {
-  content: '\e80f';
+  content: '\e70b';
 }
 
-/* '' */
+/* '' */
 
 i.basic.icon.unhide:before {
-  content: '\e70b';
+  content: '\e80f';
 }
 
-/* '' */
+/* '' */
 
 i.basic.icon.facebook:before {
   content: '\f301';

data/app/assets/stylesheets/semantic-ui/elements/_button.scss

@@ -33,7 +33,7 @@
   font-style: normal;
   text-align: center;
   text-decoration: none;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.05)));
+  background-image: -webkit-gradient(linear, top left, bottom left, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.05)));
   background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
   background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
   border-radius: 0.25em;
@@ -82,7 +82,7 @@
 ---------------*/
 
 .ui.button:hover {
-  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.08)));
+  background-image: -webkit-gradient(linear, top left, bottom left, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.08)));
   background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
   background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
   color: rgba(0, 0, 0, 0.7);

data/app/assets/stylesheets/semantic-ui/elements/_icon.scss

@@ -1732,6 +1732,7 @@ i.square.inverted.icon {
 i.inverted.icon {
   background-color: #222222;
   color: #FFFFFF;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 /*-------------------

data/app/assets/stylesheets/semantic-ui/elements/_input.scss

@@ -27,8 +27,8 @@
   width: 100%;
   font-family: "Helvetica Neue", "Helvetica", Arial;
   margin: 0em;
-  padding: 0.85em 1.2em;
-  font-size: 0.875em;
+  padding: 0.65em 1em;
+  font-size: 1em;
   background-color: #FFFFFF;
   border: 1px solid rgba(0, 0, 0, 0.15);
   outline: none;
@@ -216,7 +216,11 @@
 
 .ui.labeled.input .corner.label {
   font-size: 0.7em;
-  border-top-right-radius: 0.3125em;
+  border-radius: 0 0.3125em;
+}
+
+.ui.labeled.input .left.corner.label {
+  border-radius: 0.3125em 0;
 }
 
 .ui.labeled.input input {

data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss

@@ -94,11 +94,14 @@
   width: 100% !important;
 }
 
-.ui.slide.reveal:hover > .visible.content {
+.ui.slide.reveal:hover > .visible.content,
+.ui.slide.reveal:focus > .visible.content,
+ {
   left: -100% !important;
 }
 
-.ui.slide.reveal:hover > .hidden.content {
+.ui.slide.reveal:hover > .hidden.content,
+.ui.slide.reveal:focus > .hidden.content {
   left: 0% !important;
 }
 
@@ -111,12 +114,14 @@
   right: 100% !important;
 }
 
-.ui.right.slide.reveal:hover > .visible.content {
+.ui.right.slide.reveal:hover > .visible.content,
+.ui.right.slide.reveal:focus > .visible.content {
   left: 100% !important;
   right: auto !important;
 }
 
-.ui.right.slide.reveal:hover > .hidden.content {
+.ui.right.slide.reveal:hover > .hidden.content,
+.ui.right.slide.reveal:focus > .hidden.content {
   left: auto !important;
   right: 0% !important;
 }
@@ -135,12 +140,14 @@
   bottom: auto !important;
 }
 
-.ui.slide.up.reveal:hover > .visible.content {
+.ui.slide.up.reveal:hover > .visible.content,
+.ui.slide.up.reveal:focus > .visible.content {
   top: -100% !important;
   left: 0% !important;
 }
 
-.ui.slide.up.reveal:hover > .hidden.content {
+.ui.slide.up.reveal:hover > .hidden.content,
+.ui.slide.up.reveal:focus > .hidden.content {
   top: 0% !important;
   left: 0% !important;
 }
@@ -159,12 +166,14 @@
   left: 0% !important;
 }
 
-.ui.slide.down.reveal:hover > .visible.content {
+.ui.slide.down.reveal:hover > .visible.content,
+.ui.slide.down.reveal:focus > .visible.content {
   left: 0% !important;
   bottom: -100% !important;
 }
 
-.ui.slide.down.reveal:hover > .hidden.content {
+.ui.slide.down.reveal:hover > .hidden.content,
+.ui.slide.down.reveal:focus > .hidden.content {
   left: 0% !important;
   bottom: 0% !important;
 }
@@ -177,7 +186,8 @@
   opacity: 1;
 }
 
-.ui.fade.reveal:hover > .visible.content {
+.ui.fade.reveal:hover > .visible.content,
+.ui.fade.reveal:focus > .visible.content {
   opacity: 0;
 }
 
@@ -194,7 +204,9 @@
 }
 
 .ui.move.reveal:hover > .visible.content,
-.ui.move.left.reveal:hover > .visible.content {
+.ui.move.left.reveal:hover > .visible.content,
+.ui.move.reveal:focus > .visible.content,
+.ui.move.left.reveal:focus > .visible.content {
   right: 100% !important;
 }
 
@@ -205,7 +217,8 @@
   left: 0% !important;
 }
 
-.ui.move.right.reveal:hover > .visible.content {
+.ui.move.right.reveal:hover > .visible.content,
+.ui.move.right.reveal:focus > .visible.content {
   left: 100% !important;
 }
 
@@ -216,7 +229,8 @@
   bottom: 0% !important;
 }
 
-.ui.move.up.reveal:hover > .visible.content {
+.ui.move.up.reveal:hover > .visible.content,
+.ui.move.up.reveal:focus > .visible.content {
   bottom: 100% !important;
 }
 
@@ -228,7 +242,8 @@
   bottom: auto !important;
 }
 
-.ui.move.down.reveal:hover > .visible.content {
+.ui.move.down.reveal:hover > .visible.content,
+.ui.move.down.reveal:focus > .visible.content {
   top: 100% !important;
 }
 
@@ -252,7 +267,9 @@
 }
 
 .ui.rotate.reveal:hover > .visible.content,
-.ui.rotate.right.reveal:hover > .visible.content {
+.ui.rotate.right.reveal:hover > .visible.content,
+.ui.rotate.reveal:focus > .visible.content,
+.ui.rotate.right.reveal:focus > .visible.content {
   -webkit-transform: rotate(110deg);
   -ms-transform: rotate(110deg);
   transform: rotate(110deg);
@@ -264,7 +281,8 @@
   transform-origin: bottom left;
 }
 
-.ui.rotate.left.reveal:hover > .visible.content {
+.ui.rotate.left.reveal:hover > .visible.content,
+.ui.rotate.left.reveal:focus > .visible.content {
   -webkit-transform: rotate(-110deg);
   -ms-transform: rotate(-110deg);
   transform: rotate(-110deg);
@@ -283,7 +301,8 @@
   transition: none !important;
 }
 
-.ui.disabled.reveal:hover > .visible.content {
+.ui.disabled.reveal:hover > .visible.content,
+.ui.disabled.reveal:focus > .visible.content {
   position: static !important;
   display: block !important;
   opacity: 1 !important;
@@ -296,7 +315,8 @@
   transform: none !important;
 }
 
-.ui.disabled.reveal:hover > .hidden.content {
+.ui.disabled.reveal:hover > .hidden.content,
+.ui.disabled.reveal:focus > .hidden.content {
   display: none !important;
 }
 

data/app/assets/stylesheets/semantic-ui/elements/_segment.scss

@@ -404,7 +404,7 @@
   background-color: #555555;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3)));
   background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3)));
+  background-image: -webkit-gradient(linear, top left, bottom left, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3)));
   background-image: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
   color: #FAFAFA;
 }
@@ -413,7 +413,7 @@
   background-color: #555555;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6)));
   background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6)));
+  background-image: -webkit-gradient(linear, top left, bottom left, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6)));
   background-image: linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
   color: #EEEEEE;
 }

data/app/assets/stylesheets/semantic-ui/elements/_step.scss

@@ -32,22 +32,28 @@
   position: absolute;
   z-index: 2;
   content: '';
-  top: 0em;
-  right: -1.45em;
-  border-bottom: 1.5em solid transparent;
-  border-left: 1.5em solid #FFFFFF;
-  border-top: 1.5em solid transparent;
-  width: 0em;
-  height: 0em;
+  top: 0.42em;
+  right: -1em;
+  border: medium none;
+  background-color: #FFFFFF;
+  width: 2.2em;
+  height: 2.2em;
+  -webkit-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  -webkit-box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.15) inset;
+  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.15) inset;
 }
 
 .ui.step,
 .ui.steps .step,
 .ui.steps .step:after {
-  -webkit-transition: opacity 0.1s ease,
+  -webkit-transition: background-color 0.1s ease,
+    opacity 0.1s ease,
     color 0.1s ease,
     -webkit-box-shadow 0.1s ease;
-  transition: opacity 0.1s ease,
+  transition: background-color 0.1s ease,
+    opacity 0.1s ease,
     color 0.1s ease,
     box-shadow 0.1s ease;
 }
@@ -56,6 +62,8 @@
             Types
 *******************************/
 
+/* Vertical */
+
 .ui.vertical.steps {
   overflow: visible;
 }
@@ -83,18 +91,35 @@
   display: none;
 }
 
-/* Disabled */
-
-.ui.vertical.steps .disabled.step:after {
-  padding: 1em 2em;
-}
-
 /* Active Arrow */
 
 .ui.vertical.steps .active.step:after {
   display: block;
 }
 
+/* Two Line */
+
+.ui.vertical.steps .two.line.step {
+  line-height: 1.3;
+}
+
+.ui.vertical.steps .two.line.active.step:after {
+  position: absolute;
+  z-index: 2;
+  content: '';
+  top: 0em;
+  right: -1.45em;
+  background-color: transparent;
+  border-bottom: 2.35em solid transparent;
+  border-left: 1.55em solid #555555;
+  border-top: 2.35em solid transparent;
+  width: 0em;
+  height: 0em;
+  -webkit-transform: none;
+  -ms-transform: none;
+  transform: none;
+}
+
 /*******************************
             Group
 *******************************/
@@ -151,7 +176,7 @@
 .ui.steps .step:hover:after,
 .ui.step:hover,
 .ui.step.hover::after {
-  border-left-color: #F7F7F7;
+  background-color: #F7F7F7;
 }
 
 /* Hover */
@@ -167,7 +192,7 @@
 .ui.steps .step:active:after,
 .ui.steps.down::after,
 .ui.steps:active::after {
-  border-left-color: #F0F0F0;
+  background-color: #F0F0F0;
 }
 
 /* Active */
@@ -182,7 +207,9 @@
 
 .ui.steps .step.active:after,
 .ui.active.steps:after {
-  border-left-color: #555555;
+  background-color: #555555;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 
 /* Disabled */
@@ -194,18 +221,9 @@
   color: #CBCBCB;
 }
 
+.ui.steps .disabled.step:after,
 .ui.disabled.step:after {
-  border: none;
   background-color: #FFFFFF;
-  top: 0.42em;
-  right: -1em;
-  width: 2.15em;
-  height: 2.15em;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  -webkit-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
-  box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
 }
 
 /*******************************

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

@@ -104,19 +104,19 @@
   color: rgba(0, 0, 0, 0.8);
 }
 
-.ui.checkbox input:focus + label {
+.ui.checkbox input:focus ~ label {
   color: rgba(0, 0, 0, 0.8);
 }
 
 /*--- Outside Label  ---*/
 
-.ui.checkbox + label {
+.ui.checkbox ~ label {
   cursor: pointer;
   opacity: 0.85;
   vertical-align: middle;
 }
 
-.ui.checkbox + label:hover {
+.ui.checkbox ~ label:hover {
   opacity: 1;
 }
 
@@ -141,16 +141,16 @@
 
 /*--- Focus ---*/
 
-.ui.checkbox input:focus + .box:before,
-.ui.checkbox input:focus + label:before {
+.ui.checkbox input:focus ~ .box:before,
+.ui.checkbox input:focus ~ label:before {
   -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
   box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
 }
 
 /*--- Active ---*/
 
-.ui.checkbox input:checked + .box:after,
-.ui.checkbox input:checked + label:after {
+.ui.checkbox input:checked ~ .box:after,
+.ui.checkbox input:checked ~ label:after {
   -ms-filter: "progid:DXImageTransform.Microsoft@include ctb-Alpha(Opacity=100);";
   filter: alpha(opacity=100);
   opacity: 1;
@@ -158,10 +158,10 @@
 
 /*--- Disabled ---*/
 
-.ui.disabled.checkbox + .box:after,
-.ui.checkbox input[disabled] + .box:after,
+.ui.disabled.checkbox ~ .box:after,
+.ui.checkbox input[disabled] ~ .box:after,
 .ui.disabled.checkbox label,
-.ui.checkbox input[disabled] + label {
+.ui.checkbox input[disabled] ~ label {
   opacity: 0.4;
   color: rgba(0, 0, 0, 0.3);
 }
@@ -272,10 +272,10 @@
 
 /* Selected Slider Toggle */
 
-.ui.slider.checkbox input:checked + .box:before,
-.ui.slider.checkbox input:checked + label:before,
-.ui.slider.checkbox input:checked + .box:after,
-.ui.slider.checkbox input:checked + label:after {
+.ui.slider.checkbox input:checked ~ .box:before,
+.ui.slider.checkbox input:checked ~ label:before,
+.ui.slider.checkbox input:checked ~ .box:after,
+.ui.slider.checkbox input:checked ~ label:after {
   left: 1.75em;
 }
 
@@ -288,8 +288,8 @@
 
 /* On Color */
 
-.ui.slider.checkbox input:checked + .box:after,
-.ui.slider.checkbox input:checked + label:after {
+.ui.slider.checkbox input:checked ~ .box:after,
+.ui.slider.checkbox input:checked ~ label:after {
   background-color: #89B84C;
 }
 
@@ -361,8 +361,8 @@
 
 /* Active */
 
-.ui.toggle.checkbox input:checked + .box:after,
-.ui.toggle.checkbox input:checked + label:after {
+.ui.toggle.checkbox input:checked ~ .box:after,
+.ui.toggle.checkbox input:checked ~ label:after {
   left: 1.75em;
   background-color: #89B84C;
 }

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

@@ -213,7 +213,8 @@
 ----------------------*/
 
 .ui.dropdown.error,
-.ui.dropdown.error .item {
+.ui.dropdown.error > .text,
+.ui.dropdown.error > .default.text {
   color: #D95C5C !important;
 }
 
@@ -228,20 +229,25 @@
   box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
 }
 
-.ui.dropdown.error .menu {
+.ui.dropdown.error > .menu,
+.ui.dropdown.error > .menu .menu {
   -webkit-box-shadow: 0px 0px 1px 1px #E7BEBE !important;
   box-shadow: 0px 0px 1px 1px #E7BEBE !important;
 }
 
+.ui.dropdown.error > .menu .item {
+  color: #D95C5C !important;
+}
+
 /* Item Hover */
 
-.ui.dropdown.error .menu .item:hover {
+.ui.dropdown.error > .menu .item:hover {
   background-color: #FFF2F2 !important;
 }
 
 /* Item Active */
 
-.ui.dropdown.error .menu .active.item {
+.ui.dropdown.error > .menu .active.item {
   background-color: #FDCFCF !important;
 }
 
@@ -316,7 +322,7 @@
   word-wrap: break-word;
   white-space: normal;
   background-color: #FFFFFF;
-  padding: 0.5em 1em;
+  padding: 0.65em 1em;
   line-height: 1.33;
   color: rgba(0, 0, 0, 0.8);
   -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
@@ -337,12 +343,12 @@
 
 .ui.selection.dropdown,
 .ui.selection.dropdown .menu {
-  top: 100%;
   -webkit-transition: -webkit-box-shadow 0.2s ease-out;
   transition: box-shadow 0.2s ease-out;
 }
 
 .ui.selection.dropdown .menu {
+  top: 100%;
   max-height: 312px;
   overflow-x: hidden;
   overflow-y: auto;
@@ -457,7 +463,7 @@
 
 .ui.pointing.dropdown .menu .active.item:first-child {
   background: transparent -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
-  background: transparent-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.03)));
+  background: transparent-webkit-gradient(linear, top left, bottom left, from(transparent), to(rgba(0, 0, 0, 0.03)));
   background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.03));
 }
 

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

@@ -15,9 +15,11 @@
 
 body {
   -webkit-transition: margin 0.3s ease,
-    -webkit-transform 0.3s ease;
+    -webkit-transform 0.3s ease/*rtl:append:,
+    padding 0.3s ease*/;
   transition: margin 0.3s ease,
-    transform 0.3s ease;
+    transform 0.3s ease/*rtl:append:,
+    padding 0.3s ease*/;
 }
 
 .ui.sidebar {

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

@@ -1,8 +1,8 @@
 module Semantic
   module Ui
     module Sass
-      VERSION = "0.14.0.0"
-      SEMANTIC_UI_SHA = 'bb105bf5dccdc4b2c4cfe3ed79ef600e91cf65d7'
+      VERSION = "0.15.1.0"
+      SEMANTIC_UI_SHA = '16f00646a3e3cf2ba2eebf6c973bbcf1e5ee0e64'
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: semantic-ui-sass
 version: !ruby/object:Gem::Version
-  version: 0.14.0.0
+  version: 0.15.1.0
 platform: ruby
 authors:
 - doabit
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-03-04 00:00:00.000000000 Z
+date: 2014-03-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler