Rebuild files

build/less/definitions/behaviors/visibility.js

@@ -331,7 +331,7 @@ $.fn.visibility = function(parameters) {
           ;
           if(newCallback) {
             module.debug('Adding callback for bottom passed', newCallback);
-            settings.bottomPassed = newCallback;
+            settings.onBottomPassed = newCallback;
           }
           if(callback && calculations.bottomPassed) {
             module.execute(callback, callbackName);

build/less/definitions/elements/button.less

@@ -1159,11 +1159,13 @@
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
 }
+
+/* Inverted */
 .ui.inverted.black.buttons .button,
 .ui.inverted.black.button {
   background-color: transparent;
   box-shadow: 0px 0px 0px 2px @lightBlack inset !important;
-  color: @lightBlack;
+  color: #FFFFFF;
 }
 .ui.inverted.black.buttons .button:hover,
 .ui.inverted.black.button:hover {
@@ -1225,7 +1227,7 @@
 .ui.inverted.blue.button {
   background-color: transparent;
   box-shadow: 0px 0px 0px 2px @lightBlue inset !important;
-  color: @lightBlue;
+  color: @white;
 }
 .ui.inverted.blue.buttons .button:hover,
 .ui.inverted.blue.button:hover {
@@ -1284,7 +1286,7 @@
 .ui.inverted.green.button {
   background-color: transparent;
   box-shadow: 0px 0px 0px 2px @lightGreen inset !important;
-  color: @lightGreen;
+  color: @white;
 }
 .ui.inverted.green.buttons .button:hover,
 .ui.inverted.green.button:hover {
@@ -1342,7 +1344,7 @@
 .ui.inverted.orange.button {
   background-color: transparent;
   box-shadow: 0px 0px 0px 2px @lightOrange inset !important;
-  color: @lightOrange;
+  color: @white;
 }
 .ui.inverted.orange.buttons .button:hover,
 .ui.inverted.orange.button:hover {
@@ -1400,7 +1402,7 @@
 .ui.inverted.pink.button {
   background-color: transparent;
   box-shadow: 0px 0px 0px 2px @lightPink inset !important;
-  color: @lightPink;
+  color: @white;
 }
 .ui.inverted.pink.buttons .button:hover,
 .ui.inverted.pink.button:hover {
@@ -1458,7 +1460,7 @@
 .ui.inverted.purple.button {
   background-color: transparent;
   box-shadow: 0px 0px 0px 2px @lightPurple inset !important;
-  color: @lightPurple;
+  color: @white;
 }
 .ui.inverted.purple.buttons .button:hover,
 .ui.inverted.purple.button:hover {
@@ -1516,7 +1518,7 @@
 .ui.inverted.red.button {
   background-color: transparent;
   box-shadow: 0px 0px 0px 2px @lightRed inset !important;
-  color: @lightRed;
+  color: @white;
 }
 .ui.inverted.red.buttons .button:hover,
 .ui.inverted.red.button:hover {
@@ -1575,7 +1577,7 @@
 .ui.inverted.teal.button {
   background-color: transparent;
   box-shadow: 0px 0px 0px 2px @lightTeal inset !important;
-  color: @lightTeal;
+  color: @white;
 }
 .ui.inverted.teal.buttons .button:hover,
 .ui.inverted.teal.button:hover {
@@ -1634,7 +1636,7 @@
 .ui.inverted.yellow.button {
   background-color: transparent;
   box-shadow: 0px 0px 0px 2px @lightYellow inset !important;
-  color: @lightYellow;
+  color: @white;
 }
 .ui.inverted.yellow.buttons .button:hover,
 .ui.inverted.yellow.button:hover {

build/less/definitions/modules/popup.js

@@ -50,18 +50,19 @@ $.fn.popup = function(parameters) {
           : $module,
 
         $window         = $(window),
+        $body           = $('body'),
 
         $popup          = (settings.popup)
           ? $(settings.popup)
           : (settings.inline)
             ? $target.next(settings.selector.popup)
-            : $window.children(settings.selector.popup).last(),
+            : $context.find(settings.selector.popup).last(),
 
         $offsetParent   = (settings.popup)
           ? $popup.offsetParent()
           : (settings.inline)
             ? $target.offsetParent()
-            : $window,
+            : $body,
 
         searchDepth     = 0,
 
@@ -119,7 +120,7 @@ $.fn.popup = function(parameters) {
             $offsetParent = $target.offsetParent();
           }
           else {
-            $popup = $window.children(selector.popup).last();
+            $popup = $context.find(selector.popup).last();
           }
         },
 
@@ -282,7 +283,7 @@ $.fn.popup = function(parameters) {
             return ( $popup.size() !== 0 );
           }
           else {
-            return ( $popup.parent($context).size() );
+            return ( $popup.closest($context).size() );
           }
         },
 
@@ -308,8 +309,8 @@ $.fn.popup = function(parameters) {
           conditions: function() {
             if(module.cache && module.cache.title) {
               $module.attr('title', module.cache.title);
+              module.verbose('Restoring original attributes', module.cache.title);
             }
-            module.verbose('Restoring original attributes', module.cache.title);
             return true;
           }
         },
@@ -839,10 +840,11 @@ $.fn.popup.settings = {
   namespace      : 'popup',
 
   onCreate       : function(){},
+  onRemove       : function(){},
   onShow         : function(){},
   onHide         : function(){},
 
-  variation      : false,
+  variation      : 'inverted',
   content        : false,
   html           : false,
   title          : false,
@@ -914,4 +916,12 @@ $.fn.popup.settings = {
 
 };
 
+// Adds easing
+$.extend( $.easing, {
+  easeOutQuad: function (x, t, b, c, d) {
+    return -c *(t/=d)*(t-2) + b;
+  }
+});
+
+
 })( jQuery, window , document );

build/less/definitions/modules/popup.less

@@ -42,13 +42,16 @@
   box-shadow: @boxShadow;
 }
 .ui.popup .header {
-  padding: 0em 0em @headerDistance;
+  padding: 0em;
 
   font-family: @headerFont;
   font-size: @headerFontSize;
   line-height: @headerLineHeight;
   font-weight: bold;
 }
+.ui.popup .header + .content {
+  padding-top: @headerDistance;
+}
 
 .ui.popup:before {
   position: absolute;

build/less/themes/packages/default/modules/popup.variables

@@ -73,7 +73,7 @@
 @invertedBorder: none;
 @invertedBoxShadow: none;
 
-@invertedHeaderBackground: rgba(0, 0, 0, 0.2);
+@invertedHeaderBackground: none;
 @invertedHeaderColor: @white;
 @invertedArrowColor: @black;
 

build/minified/definitions/modules/popup.min.css

@@ -11,4 +11,4 @@
 * Released: 08/13/2014
 */
 
-.ui.popup{display:none;position:absolute;top:0;right:0;z-index:900;border:1px solid rgba(0,0,0,.1);max-width:250px;background-color:#fff;padding:.8em 1.2em;font-weight:400;font-style:normal;color:rgba(0,0,0,.8);border-radius:.2em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.ui.popup .header{padding:0 0 .5em;font-family:Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:1.125em;line-height:1.2;font-weight:700}.ui.popup:before{position:absolute;content:'';width:.75em;height:.75em;background:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);box-shadow:1px 1px 1px rgba(0,0,0,.2)}.ui.popup .ui.button{width:100%}.ui.popup{margin:0}.ui.popup.bottom{margin:.75em 0 0}.ui.popup.top{margin:0 0 .75em}.ui.popup.left.center{margin:0 .75em 0 0}.ui.popup.right.center{margin:0 0 0 .75em}.ui.popup.center{margin-left:-1.25em}.ui.bottom.center.popup:before{margin-left:-.375em;top:-.375em;left:50%;right:auto;bottom:auto;-webkit-box-shadow:-1px -1px 1px rgba(0,0,0,.2);box-shadow:-1px -1px 1px rgba(0,0,0,.2)}.ui.bottom.left.popup{margin-left:0}.ui.bottom.left.popup:before{top:-.375em;left:1em;right:auto;bottom:auto;margin-left:0;-webkit-box-shadow:-1px -1px 1px rgba(0,0,0,.2);box-shadow:-1px -1px 1px rgba(0,0,0,.2)}.ui.bottom.right.popup{margin-right:0}.ui.bottom.right.popup:before{top:-.375em;right:1em;bottom:auto;left:auto;margin-left:0;-webkit-box-shadow:-1px -1px 1px rgba(0,0,0,.2);box-shadow:-1px -1px 1px rgba(0,0,0,.2)}.ui.top.center.popup:before{top:auto;right:auto;bottom:-.375em;left:50%;margin-left:-.375em}.ui.top.left.popup{margin-left:0}.ui.top.left.popup:before{bottom:-.375em;left:1em;top:auto;right:auto;margin-left:0}.ui.top.right.popup{margin-right:0}.ui.top.right.popup:before{bottom:-.375em;right:1em;top:auto;left:auto;margin-left:0}.ui.left.center.popup:before{top:50%;right:-.375em;bottom:auto;left:auto;margin-top:-.375em;-webkit-box-shadow:1px -1px 1px rgba(0,0,0,.2);box-shadow:1px -1px 1px rgba(0,0,0,.2)}.ui.right.center.popup:before{top:50%;left:-.375em;bottom:auto;right:auto;margin-top:-.375em;-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,.2);box-shadow:-1px 1px 1px rgba(0,0,0,.2)}.ui.loading.popup{display:block;visibility:hidden;z-index:-1}.ui.animating.popup,.ui.visible.popup{display:block}.ui.inverted.popup{background:#333;color:#fff;border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.popup .header{background-color:rgba(0,0,0,.2);color:#fff}.ui.inverted.popup:before{background-color:#333;-webkit-box-shadow:none;box-shadow:none}.ui.small.popup{font-size:.8rem}.ui.popup{font-size:.875rem}.ui.large.popup{font-size:1rem}.ui.huge.popup{font-size:1.1rem}
+.ui.popup{display:none;position:absolute;top:0;right:0;z-index:900;border:1px solid rgba(0,0,0,.1);max-width:250px;background-color:#fff;padding:.8em 1.2em;font-weight:400;font-style:normal;color:rgba(0,0,0,.8);border-radius:.2em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.ui.popup .header{padding:0;font-family:Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:1.125em;line-height:1.2;font-weight:700}.ui.popup .header+.content{padding-top:.5em}.ui.popup:before{position:absolute;content:'';width:.75em;height:.75em;background:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);box-shadow:1px 1px 1px rgba(0,0,0,.2)}.ui.popup .ui.button{width:100%}.ui.popup{margin:0}.ui.popup.bottom{margin:.75em 0 0}.ui.popup.top{margin:0 0 .75em}.ui.popup.left.center{margin:0 .75em 0 0}.ui.popup.right.center{margin:0 0 0 .75em}.ui.popup.center{margin-left:-1.25em}.ui.bottom.center.popup:before{margin-left:-.375em;top:-.375em;left:50%;right:auto;bottom:auto;-webkit-box-shadow:-1px -1px 1px rgba(0,0,0,.2);box-shadow:-1px -1px 1px rgba(0,0,0,.2)}.ui.bottom.left.popup{margin-left:0}.ui.bottom.left.popup:before{top:-.375em;left:1em;right:auto;bottom:auto;margin-left:0;-webkit-box-shadow:-1px -1px 1px rgba(0,0,0,.2);box-shadow:-1px -1px 1px rgba(0,0,0,.2)}.ui.bottom.right.popup{margin-right:0}.ui.bottom.right.popup:before{top:-.375em;right:1em;bottom:auto;left:auto;margin-left:0;-webkit-box-shadow:-1px -1px 1px rgba(0,0,0,.2);box-shadow:-1px -1px 1px rgba(0,0,0,.2)}.ui.top.center.popup:before{top:auto;right:auto;bottom:-.375em;left:50%;margin-left:-.375em}.ui.top.left.popup{margin-left:0}.ui.top.left.popup:before{bottom:-.375em;left:1em;top:auto;right:auto;margin-left:0}.ui.top.right.popup{margin-right:0}.ui.top.right.popup:before{bottom:-.375em;right:1em;top:auto;left:auto;margin-left:0}.ui.left.center.popup:before{top:50%;right:-.375em;bottom:auto;left:auto;margin-top:-.375em;-webkit-box-shadow:1px -1px 1px rgba(0,0,0,.2);box-shadow:1px -1px 1px rgba(0,0,0,.2)}.ui.right.center.popup:before{top:50%;left:-.375em;bottom:auto;right:auto;margin-top:-.375em;-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,.2);box-shadow:-1px 1px 1px rgba(0,0,0,.2)}.ui.loading.popup{display:block;visibility:hidden;z-index:-1}.ui.animating.popup,.ui.visible.popup{display:block}.ui.inverted.popup{background:#333;color:#fff;border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.popup .header{background-color:none;color:#fff}.ui.inverted.popup:before{background-color:#333;-webkit-box-shadow:none;box-shadow:none}.ui.small.popup{font-size:.8rem}.ui.popup{font-size:.875rem}.ui.large.popup{font-size:1rem}.ui.huge.popup{font-size:1.1rem}

build/packaged/definitions/css/semantic.css

@@ -6401,12 +6401,13 @@ body > .ui.grid:not(.page) {
   color: #ffffff;
   text-shadow: none;
 }
+/* Inverted */
 .ui.inverted.black.buttons .button,
 .ui.inverted.black.button {
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #555555 inset !important;
           box-shadow: 0px 0px 0px 2px #555555 inset !important;
-  color: #555555;
+  color: #FFFFFF;
 }
 .ui.inverted.black.buttons .button:hover,
 .ui.inverted.black.button:hover {
@@ -6470,7 +6471,7 @@ body > .ui.grid:not(.page) {
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
           box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
-  color: #54c8ff;
+  color: #ffffff;
 }
 .ui.inverted.blue.buttons .button:hover,
 .ui.inverted.blue.button:hover {
@@ -6534,7 +6535,7 @@ body > .ui.grid:not(.page) {
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
           box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
-  color: #2ecc40;
+  color: #ffffff;
 }
 .ui.inverted.green.buttons .button:hover,
 .ui.inverted.green.button:hover {
@@ -6598,7 +6599,7 @@ body > .ui.grid:not(.page) {
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #ff851b inset !important;
           box-shadow: 0px 0px 0px 2px #ff851b inset !important;
-  color: #ff851b;
+  color: #ffffff;
 }
 .ui.inverted.orange.buttons .button:hover,
 .ui.inverted.orange.button:hover {
@@ -6662,7 +6663,7 @@ body > .ui.grid:not(.page) {
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
           box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
-  color: #ff8edf;
+  color: #ffffff;
 }
 .ui.inverted.pink.buttons .button:hover,
 .ui.inverted.pink.button:hover {
@@ -6726,7 +6727,7 @@ body > .ui.grid:not(.page) {
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #cdc6ff inset !important;
           box-shadow: 0px 0px 0px 2px #cdc6ff inset !important;
-  color: #cdc6ff;
+  color: #ffffff;
 }
 .ui.inverted.purple.buttons .button:hover,
 .ui.inverted.purple.button:hover {
@@ -6790,7 +6791,7 @@ body > .ui.grid:not(.page) {
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #ff695e inset !important;
           box-shadow: 0px 0px 0px 2px #ff695e inset !important;
-  color: #ff695e;
+  color: #ffffff;
 }
 .ui.inverted.red.buttons .button:hover,
 .ui.inverted.red.button:hover {
@@ -6854,7 +6855,7 @@ body > .ui.grid:not(.page) {
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #6dffff inset !important;
           box-shadow: 0px 0px 0px 2px #6dffff inset !important;
-  color: #6dffff;
+  color: #ffffff;
 }
 .ui.inverted.teal.buttons .button:hover,
 .ui.inverted.teal.button:hover {
@@ -6918,7 +6919,7 @@ body > .ui.grid:not(.page) {
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
           box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
-  color: #ffe21f;
+  color: #ffffff;
 }
 .ui.inverted.yellow.buttons .button:hover,
 .ui.inverted.yellow.button:hover {
@@ -19065,12 +19066,15 @@ a.ui.nag {
           box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
 }
 .ui.popup .header {
-  padding: 0em 0em 0.5em;
+  padding: 0em;
   font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
   font-size: 1.125em;
   line-height: 1.2;
   font-weight: bold;
 }
+.ui.popup .header + .content {
+  padding-top: 0.5em;
+}
 .ui.popup:before {
   position: absolute;
   content: '';
@@ -19223,7 +19227,7 @@ a.ui.nag {
           box-shadow: none;
 }
 .ui.inverted.popup .header {
-  background-color: rgba(0, 0, 0, 0.2);
+  background-color: none;
   color: #ffffff;
 }
 .ui.inverted.popup:before {

build/packaged/definitions/javascript/semantic.js

@@ -2862,7 +2862,7 @@ $.fn.visibility = function(parameters) {
           ;
           if(newCallback) {
             module.debug('Adding callback for bottom passed', newCallback);
-            settings.bottomPassed = newCallback;
+            settings.onBottomPassed = newCallback;
           }
           if(callback && calculations.bottomPassed) {
             module.execute(callback, callbackName);
@@ -8871,18 +8871,19 @@ $.fn.popup = function(parameters) {
           : $module,
 
         $window         = $(window),
+        $body           = $('body'),
 
         $popup          = (settings.popup)
           ? $(settings.popup)
           : (settings.inline)
             ? $target.next(settings.selector.popup)
-            : $window.children(settings.selector.popup).last(),
+            : $context.find(settings.selector.popup).last(),
 
         $offsetParent   = (settings.popup)
           ? $popup.offsetParent()
           : (settings.inline)
             ? $target.offsetParent()
-            : $window,
+            : $body,
 
         searchDepth     = 0,
 
@@ -8940,7 +8941,7 @@ $.fn.popup = function(parameters) {
             $offsetParent = $target.offsetParent();
           }
           else {
-            $popup = $window.children(selector.popup).last();
+            $popup = $context.find(selector.popup).last();
           }
         },
 
@@ -9103,7 +9104,7 @@ $.fn.popup = function(parameters) {
             return ( $popup.size() !== 0 );
           }
           else {
-            return ( $popup.parent($context).size() );
+            return ( $popup.closest($context).size() );
           }
         },
 
@@ -9129,8 +9130,8 @@ $.fn.popup = function(parameters) {
           conditions: function() {
             if(module.cache && module.cache.title) {
               $module.attr('title', module.cache.title);
+              module.verbose('Restoring original attributes', module.cache.title);
             }
-            module.verbose('Restoring original attributes', module.cache.title);
             return true;
           }
         },
@@ -9660,10 +9661,11 @@ $.fn.popup.settings = {
   namespace      : 'popup',
 
   onCreate       : function(){},
+  onRemove       : function(){},
   onShow         : function(){},
   onHide         : function(){},
 
-  variation      : false,
+  variation      : 'inverted',
   content        : false,
   html           : false,
   title          : false,
@@ -9735,6 +9737,14 @@ $.fn.popup.settings = {
 
 };
 
+// Adds easing
+$.extend( $.easing, {
+  easeOutQuad: function (x, t, b, c, d) {
+    return -c *(t/=d)*(t-2) + b;
+  }
+});
+
+
 })( jQuery, window , document );
 
 /*

build/uncompressed/definitions/behaviors/visibility.js

@@ -331,7 +331,7 @@ $.fn.visibility = function(parameters) {
           ;
           if(newCallback) {
             module.debug('Adding callback for bottom passed', newCallback);
-            settings.bottomPassed = newCallback;
+            settings.onBottomPassed = newCallback;
           }
           if(callback && calculations.bottomPassed) {
             module.execute(callback, callbackName);

build/uncompressed/definitions/elements/button.css

@@ -1304,12 +1304,13 @@
   color: #ffffff;
   text-shadow: none;
 }
+/* Inverted */
 .ui.inverted.black.buttons .button,
 .ui.inverted.black.button {
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #555555 inset !important;
           box-shadow: 0px 0px 0px 2px #555555 inset !important;
-  color: #555555;
+  color: #FFFFFF;
 }
 .ui.inverted.black.buttons .button:hover,
 .ui.inverted.black.button:hover {
@@ -1373,7 +1374,7 @@
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
           box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
-  color: #54c8ff;
+  color: #ffffff;
 }
 .ui.inverted.blue.buttons .button:hover,
 .ui.inverted.blue.button:hover {
@@ -1437,7 +1438,7 @@
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
           box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
-  color: #2ecc40;
+  color: #ffffff;
 }
 .ui.inverted.green.buttons .button:hover,
 .ui.inverted.green.button:hover {
@@ -1501,7 +1502,7 @@
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #ff851b inset !important;
           box-shadow: 0px 0px 0px 2px #ff851b inset !important;
-  color: #ff851b;
+  color: #ffffff;
 }
 .ui.inverted.orange.buttons .button:hover,
 .ui.inverted.orange.button:hover {
@@ -1565,7 +1566,7 @@
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
           box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
-  color: #ff8edf;
+  color: #ffffff;
 }
 .ui.inverted.pink.buttons .button:hover,
 .ui.inverted.pink.button:hover {
@@ -1629,7 +1630,7 @@
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #cdc6ff inset !important;
           box-shadow: 0px 0px 0px 2px #cdc6ff inset !important;
-  color: #cdc6ff;
+  color: #ffffff;
 }
 .ui.inverted.purple.buttons .button:hover,
 .ui.inverted.purple.button:hover {
@@ -1693,7 +1694,7 @@
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #ff695e inset !important;
           box-shadow: 0px 0px 0px 2px #ff695e inset !important;
-  color: #ff695e;
+  color: #ffffff;
 }
 .ui.inverted.red.buttons .button:hover,
 .ui.inverted.red.button:hover {
@@ -1757,7 +1758,7 @@
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #6dffff inset !important;
           box-shadow: 0px 0px 0px 2px #6dffff inset !important;
-  color: #6dffff;
+  color: #ffffff;
 }
 .ui.inverted.teal.buttons .button:hover,
 .ui.inverted.teal.button:hover {
@@ -1821,7 +1822,7 @@
   background-color: transparent;
   -webkit-box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
           box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
-  color: #ffe21f;
+  color: #ffffff;
 }
 .ui.inverted.yellow.buttons .button:hover,
 .ui.inverted.yellow.button:hover {

build/uncompressed/definitions/modules/popup.css

@@ -195,12 +195,15 @@
           box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
 }
 .ui.popup .header {
-  padding: 0em 0em 0.5em;
+  padding: 0em;
   font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
   font-size: 1.125em;
   line-height: 1.2;
   font-weight: bold;
 }
+.ui.popup .header + .content {
+  padding-top: 0.5em;
+}
 .ui.popup:before {
   position: absolute;
   content: '';
@@ -353,7 +356,7 @@
           box-shadow: none;
 }
 .ui.inverted.popup .header {
-  background-color: rgba(0, 0, 0, 0.2);
+  background-color: none;
   color: #ffffff;
 }
 .ui.inverted.popup:before {

build/uncompressed/definitions/modules/popup.js

@@ -50,18 +50,19 @@ $.fn.popup = function(parameters) {
           : $module,
 
         $window         = $(window),
+        $body           = $('body'),
 
         $popup          = (settings.popup)
           ? $(settings.popup)
           : (settings.inline)
             ? $target.next(settings.selector.popup)
-            : $window.children(settings.selector.popup).last(),
+            : $context.find(settings.selector.popup).last(),
 
         $offsetParent   = (settings.popup)
           ? $popup.offsetParent()
           : (settings.inline)
             ? $target.offsetParent()
-            : $window,
+            : $body,
 
         searchDepth     = 0,
 
@@ -119,7 +120,7 @@ $.fn.popup = function(parameters) {
             $offsetParent = $target.offsetParent();
           }
           else {
-            $popup = $window.children(selector.popup).last();
+            $popup = $context.find(selector.popup).last();
           }
         },
 
@@ -282,7 +283,7 @@ $.fn.popup = function(parameters) {
             return ( $popup.size() !== 0 );
           }
           else {
-            return ( $popup.parent($context).size() );
+            return ( $popup.closest($context).size() );
           }
         },
 
@@ -308,8 +309,8 @@ $.fn.popup = function(parameters) {
           conditions: function() {
             if(module.cache && module.cache.title) {
               $module.attr('title', module.cache.title);
+              module.verbose('Restoring original attributes', module.cache.title);
             }
-            module.verbose('Restoring original attributes', module.cache.title);
             return true;
           }
         },
@@ -839,10 +840,11 @@ $.fn.popup.settings = {
   namespace      : 'popup',
 
   onCreate       : function(){},
+  onRemove       : function(){},
   onShow         : function(){},
   onHide         : function(){},
 
-  variation      : false,
+  variation      : 'inverted',
   content        : false,
   html           : false,
   title          : false,
@@ -914,4 +916,12 @@ $.fn.popup.settings = {
 
 };
 
+// Adds easing
+$.extend( $.easing, {
+  easeOutQuad: function (x, t, b, c, d) {
+    return -c *(t/=d)*(t-2) + b;
+  }
+});
+
+
 })( jQuery, window , document );

server/documents/index.html.eco

@@ -23,11 +23,11 @@ type   : 'Semantic'
         <h2 class="ui inverted header">UI is the vocabulary of the web.</h2>
         <div class="ui huge inverted buttons">
           <a class="ui basic teal inverted view-ui button"><i class="list layout icon"></i>UI Library</a>
-          <a class="ui basic red inverted button" data-title="Coming Soon 1">
+          <a class="ui disabled basic red inverted button" data-title="Coming Soon">
             <i class="tint icon"></i>
             Themes
           </a>
-          <a class="ui basic green inverted button" data-title="Coming Soon 2">
+          <a class="ui disabled basic green inverted button" data-title="Coming Soon">
             <i class="browser icon"></i>
             Layouts
           </a>