less-rails-semantic_ui 1.5.2.0 → 1.6.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 700898256d4eea0503de2e9212fe8d53db89d12b
-  data.tar.gz: 3b712c9864c3516f3fb2dbf8b469362b9940917e
+  metadata.gz: c8be952412a38a15a49463af43c3f9e4ee0195b9
+  data.tar.gz: 743172d9a510c0b44e5e583d27a87d97016d2a6b
 SHA512:
-  metadata.gz: bf4e49f71dd09b05f5afd1534cb79b86b5eb1b22b5d9860d3d1b176872206c917031abd5ab1e0fc60001310093b0132f6cf0cbc344cc579178e30189b5a3fdcc
-  data.tar.gz: 18ea80d1f9d887d88e821c4f1d29ddc4eeda88a7cec12521011f474158e450985c0780f3e5fb770d101508cef57c544467c667514a86b2dd7b24d4fde9aa47c1
+  metadata.gz: a2a496f1add05300be1b161abc3386c346ef2331cc642a859ba12bcbeb42a179b93ad8f14393bd6e91a2795b7ddcbcf7c83829549c5b53e6c540146d911e5ca1
+  data.tar.gz: 4dd9099f2e52663b311c4a662d3fa3d845f92478e21d9b381b23d5e62939dd171a68ce2b51761aa54e5759514d917eaae9702431ab58fedaf923df2e9d0a6012

data/assets/javascripts/semantic_ui/definitions/modules/accordion.js

@@ -155,14 +155,31 @@ $.fn.accordion = function(parameters) {
             $activeTitle
               .addClass(className.active)
             ;
+            if(settings.animateChildren) {
+              if($.fn.transition !== undefined && $module.transition('is supported')) {
+                $activeContent
+                  .children()
+                    .transition({
+                      animation  : 'fade in',
+                      useFailSafe : true,
+                      debug      : settings.debug,
+                      verbose    : settings.verbose,
+                      duration   : settings.duration
+                    })
+                ;
+              }
+              else {
+                $activeContent
+                  .children()
+                    .stop()
+                    .animate({
+                      opacity: 1
+                    }, settings.duration, module.resetOpacity)
+                ;
+              }
+            }
             $activeContent
               .stop()
-              .children()
-                .stop()
-                .animate({
-                  opacity: 1
-                }, settings.duration, module.reset.display)
-                .end()
               .slideDown(settings.duration, settings.easing, function() {
                 $activeContent
                   .addClass(className.active)
@@ -193,13 +210,32 @@ $.fn.accordion = function(parameters) {
             $activeContent
               .removeClass(className.active)
               .show()
+            ;
+            if(settings.animateChildren) {
+              if($.fn.transition !== undefined && $module.transition('is supported')) {
+                $activeContent
+                  .children()
+                    .transition({
+                      animation   : 'fade out',
+                      useFailSafe : true,
+                      debug       : settings.debug,
+                      verbose     : settings.verbose,
+                      duration    : settings.duration
+                    })
+                ;
+              }
+              else {
+                $activeContent
+                  .children()
+                    .stop()
+                    .animate({
+                      opacity: 0
+                    }, settings.duration, module.resetOpacity)
+                ;
+              }
+            }
+            $activeContent
               .stop()
-              .children()
-                .stop()
-                .animate({
-                  opacity: 0
-                }, settings.duration, module.reset.opacity)
-                .end()
               .slideUp(settings.duration, settings.easing, function() {
                 $.proxy(module.reset.display, this)();
                 $.proxy(settings.onClose, this)();
@@ -229,7 +265,7 @@ $.fn.accordion = function(parameters) {
           else {
             $openTitles   = $activeAccordion.find(activeSelector).not($parentTitles);
             $nestedTitles = $activeAccordion.find(activeContent).find(activeSelector).not($parentTitles);
-            $openTitles = $openTitles.not($nestedTitles);
+            $openTitles   = $openTitles.not($nestedTitles);
             $openContents = $openTitles.next($content);
           }
           if( ($openTitles.size() > 0) ) {
@@ -237,14 +273,31 @@ $.fn.accordion = function(parameters) {
             $openTitles
               .removeClass(className.active)
             ;
+            if(settings.animateChildren) {
+              if($.fn.transition !== undefined && $module.transition('is supported')) {
+                $openContents
+                  .children()
+                    .transition({
+                      animation   : 'fade out',
+                      useFailSafe : true,
+                      debug       : settings.debug,
+                      verbose     : settings.verbose,
+                      duration    : settings.duration
+                    })
+                ;
+              }
+              else {
+                $openContents
+                  .children()
+                    .stop()
+                    .animate({
+                      opacity: 0
+                    }, settings.duration, module.resetOpacity)
+                ;
+              }
+            }
             $openContents
               .stop()
-              .children()
-                .stop()
-                .animate({
-                  opacity: 0
-                }, settings.duration, module.resetOpacity)
-                .end()
               .slideUp(settings.duration , settings.easing, function() {
                 $(this).removeClass(className.active);
                 $.proxy(module.reset.display, this)();
@@ -459,23 +512,24 @@ $.fn.accordion = function(parameters) {
 
 $.fn.accordion.settings = {
 
-  name        : 'Accordion',
-  namespace   : 'accordion',
+  name            : 'Accordion',
+  namespace       : 'accordion',
 
-  debug       : false,
-  verbose     : true,
-  performance : true,
+  debug           : false,
+  verbose         : true,
+  performance     : true,
 
-  exclusive   : true,
-  collapsible : true,
-  closeNested : false,
+  exclusive       : true,
+  collapsible     : true,
+  closeNested     : false,
+  animateChildren : true,
 
-  duration    : 500,
-  easing      : 'easeInOutQuint',
+  duration        : 500,
+  easing          : 'easeOutQuint',
 
-  onOpen      : function(){},
-  onClose     : function(){},
-  onChange    : function(){},
+  onOpen          : function(){},
+  onClose         : function(){},
+  onChange        : function(){},
 
   error: {
     method : 'The method you called is not defined'
@@ -495,9 +549,8 @@ $.fn.accordion.settings = {
 
 // Adds easing
 $.extend( $.easing, {
-  easeInOutQuint: function (x, t, b, c, d) {
-    if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
-    return c/2*((t-=2)*t*t*t*t + 2) + b;
+  easeOutQuint: function (x, t, b, c, d) {
+    return c*((t=t/d-1)*t*t*t*t + 1) + b;
   }
 });
 

data/assets/javascripts/semantic_ui/definitions/modules/popup.js

@@ -1,6 +1,6 @@
 /*
  * # Semantic - Popup
- * http://github.com/jlukic/semantic-ui/
+ * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Copyright 2014 Contributor
@@ -116,9 +116,9 @@ $.fn.popup = function(parameters) {
           }
           if(settings.popup) {
             $popup.addClass(className.loading);
-            if($popup.offsetParent()[0] !== $module.offsetParent()[0]) {
+            $offsetParent = $module.offsetParent();
+            if($popup.offsetParent()[0] !== $offsetParent[0]) {
               module.debug('Moving popup to the same offset parent as activating element');
-              $offsetParent = $module.offsetParent();
               $popup
                 .detach()
                 .appendTo($offsetParent)

data/assets/stylesheets/semantic_ui/definitions/collections/grid.less

@@ -1588,8 +1588,8 @@
   .ui.stackable.grid {
     display: block !important;
     width: auto;
-    margin-left: 0em !important;
-    margin-right: 0em !important;
+    margin-left: -(@stackableGutter / 2) !important;
+    margin-right: -(@stackableGutter / 2) !important;
     padding: 0em;
   }
   .ui.stackable.grid > .row > .wide.column,
@@ -1608,9 +1608,10 @@
     margin: 0em;
     padding: 0em;
   }
-  .ui.stackable.grid .column > .ui.stackable.grid {
-    margin-left: -(@stackableGutter / 2) !important;
-    margin-right: -(@stackableGutter / 2) !important;
+
+  .ui.stackable.page.grid {
+    margin-left: 0em !important;
+    margin-right: 0em !important;
   }
 
   /* Equal Height Stackable */

data/assets/stylesheets/semantic_ui/definitions/collections/menu.less

@@ -653,6 +653,7 @@
   z-index: 2;
 }
 .ui.tabular.menu ~ .bottom.attached.segment {
+  border-top: none;
   margin: -1px 0px 0px;
 }
 
@@ -1068,6 +1069,11 @@
 .ui.labeled.icon.menu {
   text-align: center;
 }
+.ui.fluid.labeled.icon.menu > .item {
+  min-width: 0em;
+}
+
+
 .ui.labeled.icon.menu > .item {
   min-width: @labeledIconMinWidth;
 }
@@ -1398,9 +1404,6 @@
   padding-right: 0px !important;
   text-align: center;
 }
-.ui.item.menu > .item:last-child {
-  border-radius: 0px @borderRadius @borderRadius 0px;
-}
 .ui.menu.two.item .item {
   width: 50%;
 }

data/assets/stylesheets/semantic_ui/definitions/collections/message.less

@@ -150,11 +150,11 @@
     Visible
 ---------------*/
 
-.ui.message.visible {
+.ui.visible.visible.visible.visible.message {
   display: block;
 }
 
-.ui.icon.message.visible {
+.ui.icon.visible.visible.visible.visible.message {
   display: table;
 }
 
@@ -162,7 +162,7 @@
      Hidden
 ---------------*/
 
-.ui.message.hidden {
+.ui.hidden.hidden.hidden.hidden.message {
   display: none;
 }
 

data/assets/stylesheets/semantic_ui/definitions/elements/button.less

@@ -121,12 +121,12 @@
   box-shadow: @activeBoxShadow;
   color: @activeColor;
 }
-.ui.button.active:hover {
+.ui.active.button:hover {
   background-color: @activeHoverBackgroundColor;
   background-image: @activeHoverBackgroundImage;
   color: @activeHoverColor;
 }
-.ui.button.active:active {
+.ui.active.button:active {
   background-color: @activeBackgroundColor;
   background-image: @activeBackgroundImage;
 }
@@ -207,7 +207,7 @@
 .ui.buttons .disabled.button,
 .ui.disabled.button,
 .ui.disabled.button:hover,
-.ui.disabled.button.active {
+.ui.disabled.active.button {
   cursor: default;
   background-color: @lightGrey !important;
   color: @lightTextColor !important;
@@ -655,15 +655,15 @@
   color: @basicDownTextColor !important;
   box-shadow: @basicDownBoxShadow;
 }
-.ui.basic.buttons .button.active,
-.ui.basic.button.active {
+.ui.basic.buttons .active.button,
+.ui.basic.active.button {
   background: @basicActiveBackground !important;
   box-shadow: @basicActiveBoxShadow !important;
   color: @basicActiveTextColor;
   box-shadow: @selectedBorderColor;
 }
-.ui.basic.buttons .button.active:hover,
-.ui.basic.button.active:hover {
+.ui.basic.buttons .active.button:hover,
+.ui.basic.active.button:hover {
   background-color: @transparentBlack;
 }
 
@@ -674,7 +674,7 @@
 .ui.basic.buttons .button:active {
   box-shadow: @basicDownBoxShadow inset;
 }
-.ui.basic.buttons .button.active {
+.ui.basic.buttons .active.button {
   box-shadow: @selectedBorderColor inset;
 }
 
@@ -696,15 +696,15 @@
   color: @white !important;
   box-shadow: @basicInvertedDownBoxShadow !important;
 }
-.ui.basic.inverted.buttons .button.active,
-.ui.basic.inverted.button.active {
+.ui.basic.inverted.buttons .active.button,
+.ui.basic.inverted.active.button {
   background-color: @transparentWhite;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
   box-shadow: @basicInvertedActiveBoxShadow;
 }
-.ui.basic.inverted.buttons .button.active:hover,
-.ui.basic.inverted.button.active:hover {
+.ui.basic.inverted.buttons .active.button:hover,
+.ui.basic.inverted.active.button:hover {
   background-color: @strongTransparentWhite;
   box-shadow: @basicInvertedHoverBoxShadow !important;
 }
@@ -1183,10 +1183,10 @@
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
 }
-.ui.black.buttons .button.active,
-.ui.black.buttons .button.active:active,
-.ui.black.button.active,
-.ui.black.button .button.active:active {
+.ui.black.buttons .active.button,
+.ui.black.buttons .active.button:active,
+.ui.black.active.button,
+.ui.black.button .active.button:active {
   background-color: @blackActive;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
@@ -1209,8 +1209,8 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @blackDown inset !important;
   color: @blackDown !important;
 }
-.ui.basic.black.buttons .button.active,
-.ui.basic.black.button.active {
+.ui.basic.black.buttons .active.button,
+.ui.basic.black.active.button {
   background: transparent !important;
   box-shadow: 0px 0px 0px @basicColoredBorderSize @blackDown inset !important;
   color: @blackDown !important;
@@ -1232,8 +1232,8 @@
   background-color: @lightBlack;
   color: @white;
 }
-.ui.inverted.black.buttons .button.active,
-.ui.inverted.black.button.active {
+.ui.inverted.black.buttons .active.button,
+.ui.inverted.black.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightBlack inset !important;
   background-color: @lightBlack;
   color: @white;
@@ -1259,9 +1259,9 @@
   box-shadow: 0px 0px 0px @invertedBorderSize @lightBlack inset !important;
   color: @white !important;
 }
-.ui.inverted.black.basic.buttons .button.active,
-.ui.inverted.black.buttons .basic.button.active,
-.ui.inverted.black.basic.button.active {
+.ui.inverted.black.basic.buttons .active.button,
+.ui.inverted.black.buttons .basic.active.button,
+.ui.inverted.black.basic.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightBlack inset !important;
   color: @white !important;
 }
@@ -1297,10 +1297,10 @@
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
 }
-.ui.blue.buttons .button.active,
-.ui.blue.buttons .button.active:active,
-.ui.blue.button.active,
-.ui.blue.button .button.active:active {
+.ui.blue.buttons .active.button,
+.ui.blue.buttons .active.button:active,
+.ui.blue.active.button,
+.ui.blue.button .active.button:active {
   background-color: @blueActive;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
@@ -1324,8 +1324,8 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @blueDown inset !important;
   color: @blueDown !important;
 }
-.ui.basic.blue.buttons .button.active,
-.ui.basic.blue.button.active {
+.ui.basic.blue.buttons .active.button,
+.ui.basic.blue.active.button {
   background: transparent !important;
   box-shadow: 0px 0px 0px @basicColoredBorderSize @blueDown inset !important;
   color: @blueDown !important;
@@ -1347,8 +1347,8 @@
   background-color: @lightBlue;
   color: @white;
 }
-.ui.inverted.blue.buttons .button.active,
-.ui.inverted.blue.button.active {
+.ui.inverted.blue.buttons .active.button,
+.ui.inverted.blue.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightBlue inset !important;
   background-color: @lightBlue;
   color: @white;
@@ -1374,9 +1374,9 @@
   box-shadow: 0px 0px 0px @invertedBorderSize @lightBlue inset !important;
   color: @lightBlue !important;
 }
-.ui.inverted.blue.basic.buttons .button.active,
-.ui.inverted.blue.buttons .basic.button.active,
-.ui.inverted.blue.basic.button.active {
+.ui.inverted.blue.basic.buttons .active.button,
+.ui.inverted.blue.buttons .basic.active.button,
+.ui.inverted.blue.basic.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightBlue inset !important;
   color: @lightBlue !important;
 }
@@ -1410,10 +1410,10 @@
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
 }
-.ui.green.buttons .button.active,
-.ui.green.buttons .button.active:active,
-.ui.green.button.active,
-.ui.green.button .button.active:active {
+.ui.green.buttons .active.button,
+.ui.green.buttons .active.button:active,
+.ui.green.active.button,
+.ui.green.button .active.button:active {
   background-color: @greenActive;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
@@ -1437,8 +1437,8 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @greenDown inset !important;
   color: @greenDown !important;
 }
-.ui.basic.green.buttons .button.active,
-.ui.basic.green.button.active {
+.ui.basic.green.buttons .active.button,
+.ui.basic.green.active.button {
   background: transparent !important;
   box-shadow: 0px 0px 0px @basicColoredBorderSize @greenDown inset !important;
   color: @greenDown !important;
@@ -1460,8 +1460,8 @@
   background-color: @lightGreen;
   color: @white;
 }
-.ui.inverted.green.buttons .button.active,
-.ui.inverted.green.button.active {
+.ui.inverted.green.buttons .active.button,
+.ui.inverted.green.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightGreen inset !important;
   background-color: @lightGreen;
   color: @white;
@@ -1487,9 +1487,9 @@
   box-shadow: 0px 0px 0px @invertedBorderSize @lightGreen inset !important;
   color: @lightGreen !important;
 }
-.ui.inverted.green.basic.buttons .button.active,
-.ui.inverted.green.buttons .basic.button.active,
-.ui.inverted.green.basic.button.active {
+.ui.inverted.green.basic.buttons .active.button,
+.ui.inverted.green.buttons .basic.active.button,
+.ui.inverted.green.basic.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightGreen inset !important;
   color: @lightGreen !important;
 }
@@ -1523,10 +1523,10 @@
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
 }
-.ui.orange.buttons .button.active,
-.ui.orange.buttons .button.active:active,
-.ui.orange.button.active,
-.ui.orange.button .button.active:active {
+.ui.orange.buttons .active.button,
+.ui.orange.buttons .active.button:active,
+.ui.orange.active.button,
+.ui.orange.button .active.button:active {
   background-color: @blackActive;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
@@ -1549,8 +1549,8 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeDown inset !important;
   color: @orangeDown !important;
 }
-.ui.basic.orange.buttons .button.active,
-.ui.basic.orange.button.active {
+.ui.basic.orange.buttons .active.button,
+.ui.basic.orange.active.button {
   background: transparent !important;
   box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeDown inset !important;
   color: @orangeDown !important;
@@ -1572,8 +1572,8 @@
   background-color: @lightOrange;
   color: @white;
 }
-.ui.inverted.orange.buttons .button.active,
-.ui.inverted.orange.button.active {
+.ui.inverted.orange.buttons .active.button,
+.ui.inverted.orange.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightOrange inset !important;
   background-color: @lightOrange;
   color: @white;
@@ -1599,9 +1599,9 @@
   box-shadow: 0px 0px 0px @invertedBorderSize @lightOrange inset !important;
   color: @lightOrange !important;
 }
-.ui.inverted.orange.basic.buttons .button.active,
-.ui.inverted.orange.buttons .basic.button.active,
-.ui.inverted.orange.basic.button.active {
+.ui.inverted.orange.basic.buttons .active.button,
+.ui.inverted.orange.buttons .basic.active.button,
+.ui.inverted.orange.basic.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightOrange inset !important;
   color: @lightOrange !important;
 }
@@ -1635,10 +1635,10 @@
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
 }
-.ui.pink.buttons .button.active,
-.ui.pink.buttons .button.active:active,
-.ui.pink.button.active,
-.ui.pink.button .button.active:active {
+.ui.pink.buttons .active.button,
+.ui.pink.buttons .active.button:active,
+.ui.pink.active.button,
+.ui.pink.button .active.button:active {
   background-color: @pinkActive;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
@@ -1661,8 +1661,8 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkDown inset !important;
   color: @pinkDown !important;
 }
-.ui.basic.pink.buttons .button.active,
-.ui.basic.pink.button.active {
+.ui.basic.pink.buttons .active.button,
+.ui.basic.pink.active.button {
   background: transparent !important;
   box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkDown inset !important;
   color: @pinkDown !important;
@@ -1684,8 +1684,8 @@
   background-color: @lightPink;
   color: @white;
 }
-.ui.inverted.pink.buttons .button.active,
-.ui.inverted.pink.button.active {
+.ui.inverted.pink.buttons .active.button,
+.ui.inverted.pink.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightPink inset !important;
   background-color: @lightPink;
   color: @white;
@@ -1711,9 +1711,9 @@
   box-shadow: 0px 0px 0px @invertedBorderSize @lightPink inset !important;
   color: @lightPink !important;
 }
-.ui.inverted.pink.basic.buttons .button.active,
-.ui.inverted.pink.buttons .basic.button.active,
-.ui.inverted.pink.basic.button.active {
+.ui.inverted.pink.basic.buttons .active.button,
+.ui.inverted.pink.buttons .basic.active.button,
+.ui.inverted.pink.basic.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightPink inset !important;
   color: @lightPink !important;
 }
@@ -1747,10 +1747,10 @@
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
 }
-.ui.purple.buttons .button.active,
-.ui.purple.buttons .button.active:active,
-.ui.purple.button.active,
-.ui.purple.button .button.active:active {
+.ui.purple.buttons .active.button,
+.ui.purple.buttons .active.button:active,
+.ui.purple.active.button,
+.ui.purple.button .active.button:active {
   background-color: @purpleActive;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
@@ -1773,8 +1773,8 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleDown inset !important;
   color: @purpleDown !important;
 }
-.ui.basic.purple.buttons .button.active,
-.ui.basic.purple.button.active {
+.ui.basic.purple.buttons .active.button,
+.ui.basic.purple.active.button {
   background: transparent !important;
   box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleDown inset !important;
   color: @purpleDown !important;
@@ -1796,8 +1796,8 @@
   background-color: @lightPurple;
   color: @black;
 }
-.ui.inverted.purple.buttons .button.active,
-.ui.inverted.purple.button.active {
+.ui.inverted.purple.buttons .active.button,
+.ui.inverted.purple.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightPurple inset !important;
   background-color: @lightPurple;
   color: @black;
@@ -1823,9 +1823,9 @@
   box-shadow: 0px 0px 0px @invertedBorderSize @lightPurple inset !important;
   color: @lightPurple !important;
 }
-.ui.inverted.purple.basic.buttons .button.active,
-.ui.inverted.purple.buttons .basic.button.active,
-.ui.inverted.purple.basic.button.active {
+.ui.inverted.purple.basic.buttons .active.button,
+.ui.inverted.purple.buttons .basic.active.button,
+.ui.inverted.purple.basic.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightPurple inset !important;
   color: @lightPurple !important;
 }
@@ -1859,10 +1859,10 @@
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
 }
-.ui.red.buttons .button.active,
-.ui.red.buttons .button.active:active,
-.ui.red.button.active,
-.ui.red.button .button.active:active {
+.ui.red.buttons .active.button,
+.ui.red.buttons .active.button:active,
+.ui.red.active.button,
+.ui.red.button .active.button:active {
   background-color: @redActive;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
@@ -1885,8 +1885,8 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @redDown inset !important;
   color: @redDown !important;
 }
-.ui.basic.red.buttons .button.active,
-.ui.basic.red.button.active {
+.ui.basic.red.buttons .active.button,
+.ui.basic.red.active.button {
   background: transparent !important;
   box-shadow: 0px 0px 0px @basicColoredBorderSize @redDown inset !important;
   color: @redDown !important;
@@ -1908,8 +1908,8 @@
   background-color: @lightRed;
   color: @white;
 }
-.ui.inverted.red.buttons .button.active,
-.ui.inverted.red.button.active {
+.ui.inverted.red.buttons .active.button,
+.ui.inverted.red.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightRed inset !important;
   background-color: @lightRed;
   color: @white;
@@ -1935,9 +1935,9 @@
   box-shadow: 0px 0px 0px @invertedBorderSize @lightRed inset !important;
   color: @lightRed !important;
 }
-.ui.inverted.red.basic.buttons .button.active,
-.ui.inverted.red.buttons .basic.button.active,
-.ui.inverted.red.basic.button.active {
+.ui.inverted.red.basic.buttons .active.button,
+.ui.inverted.red.buttons .basic.active.button,
+.ui.inverted.red.basic.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightRed inset !important;
   color: @lightRed !important;
 }
@@ -1972,10 +1972,10 @@
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
 }
-.ui.teal.buttons .button.active,
-.ui.teal.buttons .button.active:active,
-.ui.teal.button.active,
-.ui.teal.button .button.active:active {
+.ui.teal.buttons .active.button,
+.ui.teal.buttons .active.button:active,
+.ui.teal.active.button,
+.ui.teal.button .active.button:active {
   background-color: @tealActive;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
@@ -1998,8 +1998,8 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @tealDown inset !important;
   color: @tealDown !important;
 }
-.ui.basic.teal.buttons .button.active,
-.ui.basic.teal.button.active {
+.ui.basic.teal.buttons .active.button,
+.ui.basic.teal.active.button {
   background: transparent !important;
   box-shadow: 0px 0px 0px @basicColoredBorderSize @tealDown inset !important;
   color: @tealDown !important;
@@ -2021,8 +2021,8 @@
   background-color: @lightTeal;
   color: @black;
 }
-.ui.inverted.teal.buttons .button.active,
-.ui.inverted.teal.button.active {
+.ui.inverted.teal.buttons .active.button,
+.ui.inverted.teal.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightTeal inset !important;
   background-color: @lightTeal;
   color: @black;
@@ -2048,9 +2048,9 @@
   box-shadow: 0px 0px 0px @invertedBorderSize @lightTeal inset !important;
   color: @lightTeal !important;
 }
-.ui.inverted.teal.basic.buttons .button.active,
-.ui.inverted.teal.buttons .basic.button.active,
-.ui.inverted.teal.basic.button.active {
+.ui.inverted.teal.basic.buttons .active.button,
+.ui.inverted.teal.buttons .basic.active.button,
+.ui.inverted.teal.basic.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightTeal inset !important;
   color: @lightTeal !important;
 }
@@ -2085,10 +2085,10 @@
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
 }
-.ui.yellow.buttons .button.active,
-.ui.yellow.buttons .button.active:active,
-.ui.yellow.button.active,
-.ui.yellow.button .button.active:active {
+.ui.yellow.buttons .active.button,
+.ui.yellow.buttons .active.button:active,
+.ui.yellow.active.button,
+.ui.yellow.button .active.button:active {
   background-color: @yellowActive;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
@@ -2111,8 +2111,8 @@
   box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowDown inset !important;
   color: @yellowDown !important;
 }
-.ui.basic.yellow.buttons .button.active,
-.ui.basic.yellow.button.active {
+.ui.basic.yellow.buttons .active.button,
+.ui.basic.yellow.active.button {
   background: transparent !important;
   box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowDown inset !important;
   color: @yellowDown !important;
@@ -2134,8 +2134,8 @@
   background-color: @lightYellow;
   color: @black;
 }
-.ui.inverted.yellow.buttons .button.active,
-.ui.inverted.yellow.button.active {
+.ui.inverted.yellow.buttons .active.button,
+.ui.inverted.yellow.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightYellow inset !important;
   background-color: @lightYellow;
   color: @black;
@@ -2161,9 +2161,9 @@
   box-shadow: 0px 0px 0px @invertedBorderSize @lightYellow inset !important;
   color: @lightYellow !important;
 }
-.ui.inverted.yellow.basic.buttons .button.active,
-.ui.inverted.yellow.buttons .basic.button.active,
-.ui.inverted.yellow.basic.button.active {
+.ui.inverted.yellow.basic.buttons .active.button,
+.ui.inverted.yellow.buttons .basic.active.button,
+.ui.inverted.yellow.basic.active.button {
   box-shadow: 0px 0px 0px @invertedBorderSize @lightYellow inset !important;
   color: @lightYellow !important;
 }
@@ -2202,7 +2202,7 @@
   text-shadow: @primaryTextShadow;
 }
 .ui.primary.buttons .active.button,
-.ui.primary.button.active {
+.ui.primary.active.button {
   background-color: @primaryColorActive;
   color: @primaryTextColor;
   text-shadow: @primaryTextShadow;
@@ -2235,7 +2235,7 @@
   text-shadow: @secondaryTextShadow;
 }
 .ui.secondary.buttons .active.button,
-.ui.secondary.button.active {
+.ui.secondary.active.button {
   background-color: @secondaryColorActive;
   color: @secondaryTextColor;
   text-shadow: @secondaryTextShadow;
@@ -2258,7 +2258,7 @@
 .ui.positive.buttons .button:hover,
 .ui.positive.button:hover,
 .ui.positive.buttons .active.button,
-.ui.positive.button.active {
+.ui.positive.active.button {
   background-color: @positiveColorHover !important;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
@@ -2269,10 +2269,10 @@
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
 }
-.ui.positive.buttons .button.active,
-.ui.positive.buttons .button.active:active,
-.ui.positive.button.active,
-.ui.positive.button .button.active:active {
+.ui.positive.buttons .active.button,
+.ui.positive.buttons .active.button:active,
+.ui.positive.active.button,
+.ui.positive.button .active.button:active {
   background-color: @positiveColorActive;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
@@ -2296,7 +2296,7 @@
 .ui.negative.buttons .button:hover,
 .ui.negative.button:hover,
 .ui.negative.buttons .active.button,
-.ui.negative.button.active {
+.ui.negative.active.button {
   background-color: @negativeColorHover !important;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
@@ -2307,10 +2307,10 @@
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
 }
-.ui.negative.buttons .button.active,
-.ui.negative.buttons .button.active:active,
-.ui.negative.button.active,
-.ui.negative.button .button.active:active {
+.ui.negative.buttons .active.button,
+.ui.negative.buttons .active.button:active,
+.ui.negative.active.button,
+.ui.negative.button .active.button:active {
   background-color: @negativeColorActive;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
@@ -2326,7 +2326,7 @@
   margin: @verticalMargin @horizontalMargin 0em 0em;
 }
 .ui.buttons > .button:hover,
-.ui.buttons > .button.active {
+.ui.buttons > .active.button {
   position: relative;
 }
 .ui.buttons:after {

data/assets/stylesheets/semantic_ui/definitions/elements/step.less

@@ -6,7 +6,7 @@
 
 /*
  * # Semantic - Steps
- * http://github.com/jlukic/semantic-ui/
+ * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Copyright 2014 Contributor

data/assets/stylesheets/semantic_ui/definitions/modules/accordion.less

@@ -6,7 +6,7 @@
 
 /*
  * # Semantic - Accordion
- * http://github.com/jlukic/semantic-ui/
+ * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Copyright 2014 Contributor

data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less

@@ -487,13 +487,13 @@ select.ui.dropdown {
 
 /* Search Dropdown */
 .ui.search.dropdown > input.search {
-  cursor: pointer;
-  background: none transparent;
-  border: none;
-  box-shadow: none;
+  background: none transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  border-radius: 0em !important;
+
   cursor: pointer;
   position: absolute;
-  border-radius: 0em !important;
   top: 0em;
   left: 0em;
   width: 100%;
@@ -507,7 +507,6 @@ select.ui.dropdown {
   line-height: @searchSelectionLineHeight;
 }
 
-
 .ui.search.dropdown.active > input.search,
 .ui.search.dropdown.visible > input.search {
   cursor: auto;

data/assets/stylesheets/semantic_ui/definitions/modules/popup.less

@@ -36,7 +36,6 @@
   z-index: @zIndex;
 
   border: @border;
-  min-width: max-content;
   max-width: @maxWidth;
   background-color: @background;
 

data/assets/stylesheets/semantic_ui/themes/default/elements/flag.overrides

@@ -306,7 +306,6 @@ i.flag.gabon:before {
   background-position: -36px 0px;
 }
 i.flag.gb:before,
-i.flag.england:before,
 i.flag.united.kingdom:before {
   background-position: -36px -26px;
 }

data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides

@@ -1,6 +1,6 @@
 /*
  * # Semantic - Icon
- * http://github.com/jlukic/semantic-ui/
+ * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Copyright 2014 Contributor

data/lib/less/rails/semantic_ui/version.rb

@@ -1,7 +1,7 @@
 module Less
   module Rails
     module SemanticUI
-      VERSION = '1.5.2.0'
+      VERSION = '1.6.1.0'
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: less-rails-semantic_ui
 version: !ruby/object:Gem::Version
-  version: 1.5.2.0
+  version: 1.6.1.0
 platform: ruby
 authors:
 - Maxim Dobryakov
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-01-02 00:00:00.000000000 Z
+date: 2015-01-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: less-rails