Updated distribution to version 2.5.0

definitions/elements/button.less

@@ -879,6 +879,23 @@
   transform: translateY(-50%);
 }
 
+/* Loading */
+.ui.labeled.icon.button > .icon.loading {
+  animation: none;
+}
+.ui.labeled.icon.button > .icon.loading:before {
+  animation: labeled-button-icon-loading @loadingIconDuration linear infinite;
+}
+
+@keyframes labeled-button-icon-loading {
+  from {
+    transform: translateY(-50%) rotate(0deg);
+  }
+  to {
+    transform: translateY(-50%) rotate(360deg);
+  }
+}
+
 .ui.labeled.icon.buttons .button > .icon {
   border-radius: 0em;
 }

definitions/elements/icon.less

@@ -71,15 +71,19 @@ i.icon:before {
 i.icon.loading {
   height: 1em;
   line-height: 1;
+}
+
+i.icon.loading {
   animation: icon-loading @loadingDuration linear infinite;
 }
+
 @keyframes icon-loading {
- from {
+  from {
     transform: rotate(0deg);
- }
- to {
+  }
+  to {
     transform: rotate(360deg);
- }
+  }
 }
 
 /*******************************

definitions/modules/dimmer.js

@@ -151,7 +151,7 @@ $.fn.dimmer = function(parameters) {
 
         event: {
           click: function(event) {
-            module.verbose('Determining if event occured on dimmer', event);
+            module.verbose('Determining if event occurred on dimmer', event);
             if( $dimmer.find(event.target).length === 0 || $(event.target).is(selector.content) ) {
               module.hide();
               event.stopImmediatePropagation();

definitions/modules/dropdown.less

@@ -314,9 +314,9 @@
 }
 
 /* Automatically float dropdown menu right on last menu item */
-.ui.menu .right.menu .dropdown:last-child .menu,
-.ui.menu .right.dropdown.item .menu,
-.ui.buttons > .ui.dropdown:last-child .menu {
+.ui.menu .right.menu .dropdown:last-child > .menu,
+.ui.menu .right.dropdown.item > .menu,
+.ui.buttons > .ui.dropdown:last-child > .menu {
   left: auto;
   right: 0em;
 }

definitions/modules/modal.js

@@ -138,6 +138,9 @@ $.fn.modal = function(parameters) {
         },
 
         destroy: function() {
+          if (observer) {
+            observer.disconnect();
+          }
           module.verbose('Destroying previous modal');
           $module
             .removeData(moduleNamespace)

definitions/modules/sticky.js

@@ -402,6 +402,18 @@ $.fn.sticky = function(parameters) {
               module.determineContainer();
             }
             else {
+              var tallestHeight = Math.max(module.cache.context.height, module.cache.element.height);
+              if(tallestHeight - $container.outerHeight() > settings.jitter) {
+                module.debug('Context is taller than container. Specifying exact height for container', module.cache.context.height);
+                $container.css({
+                  height: tallestHeight,
+                });
+              }
+              else {
+                $container.css({
+                  height: '',
+                });
+              }
               if( Math.abs($container.outerHeight() - module.cache.context.height) > settings.jitter) {
                 module.debug('Context has padding, specifying exact height for container', module.cache.context.height);
                 $container.css({
@@ -438,7 +450,7 @@ $.fn.sticky = function(parameters) {
           },
           size: function() {
             if(module.cache.element.height !== 0 && module.cache.element.width !== 0) {
-              element.style.setProperty('width',  module.cache.element.width  + 'px', 'important');
+              element.style.setProperty('width', module.cache.element.width  + 'px', 'important');
               element.style.setProperty('height', module.cache.element.height + 'px', 'important');
             }
           }
@@ -501,7 +513,7 @@ $.fn.sticky = function(parameters) {
                 module.bindBottom();
               }
               else if(scroll.top > element.top) {
-                if( (element.height + scroll.top - elementScroll) >= context.bottom ) {
+                if((element.height + scroll.top - elementScroll) >= context.bottom  && element.height < context.height) {
                   module.debug('Initial element position is bottom of container');
                   module.bindBottom();
                 }
@@ -580,6 +592,9 @@ $.fn.sticky = function(parameters) {
         bindTop: function() {
           module.debug('Binding element to top of parent container');
           module.remove.offset();
+          if(settings.setSize) {
+            module.set.size();
+          }
           $module
             .css({
               left         : '',
@@ -597,6 +612,9 @@ $.fn.sticky = function(parameters) {
         bindBottom: function() {
           module.debug('Binding element to bottom of parent container');
           module.remove.offset();
+          if(settings.setSize) {
+            module.set.size();
+          }
           $module
             .css({
               left         : '',

package.js

@@ -5,7 +5,7 @@ var
 Package.describe({
   name    : 'semantic:ui',
   summary : 'Semantic UI - LESS Release of Semantic UI',
-  version : '2.4.1',
+  version : '2.5.0',
   git     : 'git://github.com/Semantic-Org/Semantic-UI-LESS.git',
 });
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "semantic-ui-less",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "title": "Semantic UI",
   "description": "LESS Only distribution of Semantic UI",
   "homepage": "http://www.semantic-ui.com",

theme.less

@@ -16,7 +16,7 @@
 @import "@{themesFolder}/default/globals/site.variables";
 
 /* Packaged site.variables */
-@import "@{themesFolder}/@{site}/globals/site.variables";
+@import (optional) "@{themesFolder}/@{site}/globals/site.variables";
 
 /* Component's site.variables */
 @import (optional) "@{themesFolder}/@{theme}/globals/site.variables";

themes/default/elements/button.variables

@@ -162,6 +162,7 @@
 
 /* Icon */
 @iconButtonOpacity: 0.9;
+@loadingIconDuration: 2s;
 
 /* Labeled */
 @labeledLabelFontSize: @medium;