Remove unnecessary files from dist, fix bower.json to have main

bower.json

@@ -9,6 +9,10 @@
   "dependencies": {
     "jquery"      : ">=1.8"
   },
+  "main": [
+    "dist/semantic.css",
+    "dist/semantic.js"
+  ],
   "keywords": [
     "semantic",
     "ui",

dist/components/dropdown.js

@@ -272,7 +272,7 @@ $.fn.dropdown = function(parameters) {
                 .on('touchstart' + eventNamespace, module.event.test.toggle)
               ;
             }
-            $module
+            $menu
               .on('touchstart' + eventNamespace, selector.item, module.event.item.mouseenter)
             ;
           },
@@ -310,7 +310,7 @@ $.fn.dropdown = function(parameters) {
                 .on('blur'      + eventNamespace, module.event.blur)
               ;
             }
-            $module
+            $menu
               .on('mouseenter' + eventNamespace, selector.item, module.event.item.mouseenter)
               .on('mouseleave' + eventNamespace, selector.item, module.event.item.mouseleave)
               .on('click'      + eventNamespace, selector.item, module.event.item.click)
@@ -766,7 +766,7 @@ $.fn.dropdown = function(parameters) {
                         : optionText
                   ;
                   if(strict) {
-                    module.debug('Ambiguous dropdown value using strict type check', value);
+                    module.verbose('Ambiguous dropdown value using strict type check', $choice, value);
                     if( optionValue === value ) {
                       $selectedItem = $(this);
                     }
@@ -1016,6 +1016,8 @@ $.fn.dropdown = function(parameters) {
                 $currentMenu
                   .transition({
                     animation  : settings.transition + ' in',
+                    debug      : settings.debug,
+                    verbose    : settings.verbose,
                     duration   : settings.duration,
                     queue      : true,
                     onStart    : start,
@@ -1085,6 +1087,8 @@ $.fn.dropdown = function(parameters) {
                   .transition({
                     animation  : settings.transition + ' out',
                     duration   : settings.duration,
+                    debug      : settings.debug,
+                    verbose    : settings.verbose,
                     queue      : true,
                     onStart    : start,
                     onComplete : function() {

dist/components/label.css

@@ -892,35 +892,35 @@ a.ui.yellow.label:hover:before {
 
 .ui.mini.labels .label,
 .ui.mini.label {
-  font-size: 0.6428rem;
+  font-size: 0.7142rem;
 }
 .ui.tiny.labels .label,
 .ui.tiny.label {
-  font-size: 0.7142rem;
+  font-size: 0.8571rem;
 }
 .ui.small.labels .label,
 .ui.small.label {
-  font-size: 0.7857rem;
+  font-size: 0.9285rem;
 }
 .ui.labels .label,
 .ui.label {
-  font-size: 0.8571rem;
+  font-size: 1rem;
 }
 .ui.large.labels .label,
 .ui.large.label {
-  font-size: 1rem;
+  font-size: 1.1428rem;
 }
 .ui.big.labels .label,
 .ui.big.label {
-  font-size: 1.1428rem;
+  font-size: 1.2857rem;
 }
 .ui.huge.labels .label,
 .ui.huge.label {
-  font-size: 1.2857rem;
+  font-size: 1.4285rem;
 }
 .ui.massive.labels .label,
 .ui.massive.label {
-  font-size: 1.4285rem;
+  font-size: 1.7142rem;
 }
 
 

dist/components/list.css

@@ -516,7 +516,8 @@ ul.ui.list li:before,
 .ui.bulleted.list > .item:before {
   position: absolute;
   top: auto;
-  left: -1rem;
+  left: auto;
+  margin-left: -1rem;
   content: '•';
   opacity: 1;
   color: rgba(0, 0, 0, 0.8);
@@ -571,7 +572,9 @@ ol.ui.list li:before,
 .ui.ordered.list .list > .item:before,
 .ui.ordered.list > .item:before {
   position: absolute;
-  left: -1.25rem;
+  top: auto;
+  left: auto;
+  margin-left: -1.25rem;
   counter-increment: ordered;
   content: counters(ordered, ".") " ";
   text-align: right;
@@ -583,11 +586,11 @@ ol.ui.list li:before,
 /* Child Lists */
 ol.ui.list ol,
 .ui.ordered.list .list {
-  margin-left: 2em;
+  margin-left: 1em;
 }
 ol.ui.list ol li:before,
 .ui.ordered.list .list > .item:before {
-  left: -2em;
+  margin-left: -2em;
 }
 
 /* Horizontal Ordered */
@@ -635,10 +638,6 @@ ol.ui.horizontal.list li:before,
 .ui.divided.bulleted.list > .item:not(.horizontal) {
   padding-left: 1rem;
 }
-.ui.divided.bulleted.list .list > .item:before,
-.ui.divided.bulleted.list > .item:before {
-  left: 0em;
-}
 
 /* Divided Ordered */
 .ui.divided.ordered.list {
@@ -648,17 +647,13 @@ ol.ui.horizontal.list li:before,
 .ui.divided.ordered.list > .item {
   padding-left: 1.25rem;
 }
-.ui.divided.ordered.list .list > .item:before,
-.ui.divided.ordered.list > .item:before {
-  left: 0em;
-}
 .ui.divided.ordered.list .item .list {
   margin-left: 0em;
   margin-right: 0em;
   padding-bottom: 0.3em;
 }
 .ui.divided.ordered.list .item .list > .item {
-  padding-left: 2em;
+  padding-left: 1em;
 }
 
 /* Divided Selection */
@@ -728,10 +723,6 @@ ol.ui.horizontal.list li:before,
 .ui.celled.bulleted.list > .item {
   padding-left: 1rem;
 }
-.ui.celled.bulleted.list .list > .item:before,
-.ui.celled.bulleted.list > .item:before {
-  left: 0em;
-}
 .ui.celled.bulleted.list .item .list {
   margin-left: -1rem;
   margin-right: -1rem;
@@ -746,17 +737,13 @@ ol.ui.horizontal.list li:before,
 .ui.celled.ordered.list > .item {
   padding-left: 1.25rem;
 }
-.ui.celled.ordered.list .list > .item:before,
-.ui.celled.ordered.list > .item:before {
-  left: 0em;
-}
 .ui.celled.ordered.list .item .list {
   margin-left: 0em;
   margin-right: 0em;
   padding-bottom: 0.3em;
 }
 .ui.celled.ordered.list .list > .item {
-  padding-left: 2em;
+  padding-left: 1em;
 }
 
 /* Celled Horizontal */

dist/components/popup.js

@@ -122,7 +122,7 @@ $.fn.popup = function(parameters) {
         destroy: function() {
           module.debug('Destroying previous module');
           if($popup && !settings.preserve) {
-            module.remove();
+            module.removePopup();
           }
           $module
             .off(eventNamespace)
@@ -253,9 +253,7 @@ $.fn.popup = function(parameters) {
 
         hide: function(callback) {
           callback = $.isFunction(callback) ? callback : function(){};
-          $module
-            .removeClass(className.visible)
-          ;
+          module.remove.visible();
           module.unbind.close();
           if( module.is.visible() ) {
             module.restore.conditions();
@@ -293,10 +291,10 @@ $.fn.popup = function(parameters) {
           }
         },
 
-        remove: function() {
+        removePopup: function() {
           module.debug('Removing popup');
           $popup
-            .remove()
+            .removePopup()
           ;
         },
 
@@ -325,15 +323,15 @@ $.fn.popup = function(parameters) {
           show: function(callback) {
             callback = $.isFunction(callback) ? callback : function(){};
             if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
-              $module
-                .addClass(className.visible)
-              ;
+              module.set.visible();
               $popup
                 .transition({
-                  animation : settings.transition + ' in',
-                  queue     : false,
-                  duration  : settings.duration,
-                  onComplete  : function() {
+                  animation  : settings.transition + ' in',
+                  queue      : false,
+                  debug      : settings.debug,
+                  verbose    : settings.verbose,
+                  duration   : settings.duration,
+                  onComplete : function() {
                     module.bind.close();
                     $.proxy(callback, element)();
                   }
@@ -341,9 +339,7 @@ $.fn.popup = function(parameters) {
               ;
             }
             else {
-              $module
-                .addClass(className.visible)
-              ;
+              module.set.visible();
               $popup
                 .stop()
                 .fadeIn(settings.duration, settings.easing, function() {
@@ -363,6 +359,8 @@ $.fn.popup = function(parameters) {
                   animation  : settings.transition + ' out',
                   queue      : false,
                   duration   : settings.duration,
+                  debug      : settings.debug,
+                  verbose    : settings.verbose,
                   onComplete : function() {
                     module.reset();
                     callback();
@@ -625,8 +623,17 @@ $.fn.popup = function(parameters) {
               $popup.removeClass(className.loading);
               return true;
             }
+          },
+
+          visible: function() {
+            $module.addClass(className.visible);
           }
+        },
 
+        remove: {
+          visible: function() {
+            $module.removeClass(className.visible);
+          }
         },
 
         bind: {
@@ -698,9 +705,7 @@ $.fn.popup = function(parameters) {
         },
 
         reset: function() {
-          $popup
-            .removeClass(className.visible)
-          ;
+          module.remove.visible();
           if(settings.preserve || settings.popup) {
             if($.fn.transition !== undefined) {
               $popup
@@ -709,7 +714,7 @@ $.fn.popup = function(parameters) {
             }
           }
           else {
-            module.remove();
+            module.removePopup();
           }
         },
 

dist/components/sidebar.js

@@ -366,10 +366,10 @@ $.fn.sidebar = function(parameters) {
           if(settings.transition == 'scale down' || (module.is.mobile() && transition !== 'overlay')) {
             module.scrollToTop();
           }
-          module.add.bodyCSS();
           module.set.transition();
           module.repaint();
           animate = function() {
+            module.add.bodyCSS();
             module.set.animating();
             module.set.visible();
             if(!module.othersActive()) {

dist/components/transition.css

@@ -603,49 +603,49 @@
 @-webkit-keyframes fadeUpIn {
   0% {
     opacity: 0;
-    -webkit-transform: translateY(3rem);
-            transform: translateY(3rem);
+    -webkit-transform: translateY(10%);
+            transform: translateY(10%);
   }
   100% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-            transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+            transform: translateY(0%);
   }
 }
 @keyframes fadeUpIn {
   0% {
     opacity: 0;
-    -webkit-transform: translateY(3rem);
-            transform: translateY(3rem);
+    -webkit-transform: translateY(10%);
+            transform: translateY(10%);
   }
   100% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-            transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+            transform: translateY(0%);
   }
 }
 @-webkit-keyframes fadeUpOut {
   0% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-            transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+            transform: translateY(0%);
   }
   100% {
     opacity: 0;
-    -webkit-transform: translateY(3rem);
-            transform: translateY(3rem);
+    -webkit-transform: translateY(10%);
+            transform: translateY(10%);
   }
 }
 @keyframes fadeUpOut {
   0% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-            transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+            transform: translateY(0%);
   }
   100% {
     opacity: 0;
-    -webkit-transform: translateY(3rem);
-            transform: translateY(3rem);
+    -webkit-transform: translateY(10%);
+            transform: translateY(10%);
   }
 }
 
@@ -653,49 +653,49 @@
 @-webkit-keyframes fadeDownIn {
   0% {
     opacity: 0;
-    -webkit-transform: translateY(-3rem);
-            transform: translateY(-3rem);
+    -webkit-transform: translateY(-10%);
+            transform: translateY(-10%);
   }
   100% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-            transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+            transform: translateY(0%);
   }
 }
 @keyframes fadeDownIn {
   0% {
     opacity: 0;
-    -webkit-transform: translateY(-3rem);
-            transform: translateY(-3rem);
+    -webkit-transform: translateY(-10%);
+            transform: translateY(-10%);
   }
   100% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-            transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+            transform: translateY(0%);
   }
 }
 @-webkit-keyframes fadeDownOut {
   0% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-            transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+            transform: translateY(0%);
   }
   100% {
     opacity: 0;
-    -webkit-transform: translateY(-3rem);
-            transform: translateY(-3rem);
+    -webkit-transform: translateY(-10%);
+            transform: translateY(-10%);
   }
 }
 @keyframes fadeDownOut {
   0% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-            transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+            transform: translateY(0%);
   }
   100% {
     opacity: 0;
-    -webkit-transform: translateY(-3rem);
-            transform: translateY(-3rem);
+    -webkit-transform: translateY(-10%);
+            transform: translateY(-10%);
   }
 }
 
@@ -703,11 +703,6 @@
       Scale
 ---------------*/
 
-.scale.transition {
-  transform-origin: 50% 10rem;
-  -ms-transform-origin: 50% 10rem;
-  -webkit-transform-origin: 50% 10rem;
-}
 .scale.transition.in {
   -webkit-animation-name: scaleIn;
           animation-name: scaleIn;

dist/semantic.css

@@ -15816,42 +15816,42 @@ a.ui.yellow.label:hover:before {
 
 .ui.mini.labels .label,
 .ui.mini.label {
-  font-size: 0.6428rem;
+  font-size: 0.7142rem;
 }
 
 .ui.tiny.labels .label,
 .ui.tiny.label {
-  font-size: 0.7142rem;
+  font-size: 0.8571rem;
 }
 
 .ui.small.labels .label,
 .ui.small.label {
-  font-size: 0.7857rem;
+  font-size: 0.9285rem;
 }
 
 .ui.labels .label,
 .ui.label {
-  font-size: 0.8571rem;
+  font-size: 1rem;
 }
 
 .ui.large.labels .label,
 .ui.large.label {
-  font-size: 1rem;
+  font-size: 1.1428rem;
 }
 
 .ui.big.labels .label,
 .ui.big.label {
-  font-size: 1.1428rem;
+  font-size: 1.2857rem;
 }
 
 .ui.huge.labels .label,
 .ui.huge.label {
-  font-size: 1.2857rem;
+  font-size: 1.4285rem;
 }
 
 .ui.massive.labels .label,
 .ui.massive.label {
-  font-size: 1.4285rem;
+  font-size: 1.7142rem;
 }
 
 /*******************************
@@ -16434,7 +16434,8 @@ ul.ui.list li:before,
 .ui.bulleted.list > .item:before {
   position: absolute;
   top: auto;
-  left: -1rem;
+  left: auto;
+  margin-left: -1rem;
   content: '•';
   opacity: 1;
   color: rgba(0, 0, 0, 0.8);
@@ -16497,7 +16498,9 @@ ol.ui.list li:before,
 .ui.ordered.list .list > .item:before,
 .ui.ordered.list > .item:before {
   position: absolute;
-  left: -1.25rem;
+  top: auto;
+  left: auto;
+  margin-left: -1.25rem;
   counter-increment: ordered;
   content: counters(ordered, ".") " ";
   text-align: right;
@@ -16510,12 +16513,12 @@ ol.ui.list li:before,
 
 ol.ui.list ol,
 .ui.ordered.list .list {
-  margin-left: 2em;
+  margin-left: 1em;
 }
 
 ol.ui.list ol li:before,
 .ui.ordered.list .list > .item:before {
-  left: -2em;
+  margin-left: -2em;
 }
 
 /* Horizontal Ordered */
@@ -16572,11 +16575,6 @@ ol.ui.horizontal.list li:before,
   padding-left: 1rem;
 }
 
-.ui.divided.bulleted.list .list > .item:before,
-.ui.divided.bulleted.list > .item:before {
-  left: 0em;
-}
-
 /* Divided Ordered */
 
 .ui.divided.ordered.list {
@@ -16588,11 +16586,6 @@ ol.ui.horizontal.list li:before,
   padding-left: 1.25rem;
 }
 
-.ui.divided.ordered.list .list > .item:before,
-.ui.divided.ordered.list > .item:before {
-  left: 0em;
-}
-
 .ui.divided.ordered.list .item .list {
   margin-left: 0em;
   margin-right: 0em;
@@ -16600,7 +16593,7 @@ ol.ui.horizontal.list li:before,
 }
 
 .ui.divided.ordered.list .item .list > .item {
-  padding-left: 2em;
+  padding-left: 1em;
 }
 
 /* Divided Selection */
@@ -16682,11 +16675,6 @@ ol.ui.horizontal.list li:before,
   padding-left: 1rem;
 }
 
-.ui.celled.bulleted.list .list > .item:before,
-.ui.celled.bulleted.list > .item:before {
-  left: 0em;
-}
-
 .ui.celled.bulleted.list .item .list {
   margin-left: -1rem;
   margin-right: -1rem;
@@ -16704,11 +16692,6 @@ ol.ui.horizontal.list li:before,
   padding-left: 1.25rem;
 }
 
-.ui.celled.ordered.list .list > .item:before,
-.ui.celled.ordered.list > .item:before {
-  left: 0em;
-}
-
 .ui.celled.ordered.list .item .list {
   margin-left: 0em;
   margin-right: 0em;
@@ -16716,7 +16699,7 @@ ol.ui.horizontal.list li:before,
 }
 
 .ui.celled.ordered.list .list > .item {
-  padding-left: 2em;
+  padding-left: 1em;
 }
 
 /* Celled Horizontal */
@@ -26392,56 +26375,56 @@ a:hover {
 @-webkit-keyframes fadeUpIn {
   0% {
     opacity: 0;
-    -webkit-transform: translateY(3rem);
-    transform: translateY(3rem);
+    -webkit-transform: translateY(10%);
+    transform: translateY(10%);
   }
 
   100% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-    transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+    transform: translateY(0%);
   }
 }
 
 @keyframes fadeUpIn {
   0% {
     opacity: 0;
-    -webkit-transform: translateY(3rem);
-    transform: translateY(3rem);
+    -webkit-transform: translateY(10%);
+    transform: translateY(10%);
   }
 
   100% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-    transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+    transform: translateY(0%);
   }
 }
 
 @-webkit-keyframes fadeUpOut {
   0% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-    transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+    transform: translateY(0%);
   }
 
   100% {
     opacity: 0;
-    -webkit-transform: translateY(3rem);
-    transform: translateY(3rem);
+    -webkit-transform: translateY(10%);
+    transform: translateY(10%);
   }
 }
 
 @keyframes fadeUpOut {
   0% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-    transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+    transform: translateY(0%);
   }
 
   100% {
     opacity: 0;
-    -webkit-transform: translateY(3rem);
-    transform: translateY(3rem);
+    -webkit-transform: translateY(10%);
+    transform: translateY(10%);
   }
 }
 
@@ -26450,56 +26433,56 @@ a:hover {
 @-webkit-keyframes fadeDownIn {
   0% {
     opacity: 0;
-    -webkit-transform: translateY(-3rem);
-    transform: translateY(-3rem);
+    -webkit-transform: translateY(-10%);
+    transform: translateY(-10%);
   }
 
   100% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-    transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+    transform: translateY(0%);
   }
 }
 
 @keyframes fadeDownIn {
   0% {
     opacity: 0;
-    -webkit-transform: translateY(-3rem);
-    transform: translateY(-3rem);
+    -webkit-transform: translateY(-10%);
+    transform: translateY(-10%);
   }
 
   100% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-    transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+    transform: translateY(0%);
   }
 }
 
 @-webkit-keyframes fadeDownOut {
   0% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-    transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+    transform: translateY(0%);
   }
 
   100% {
     opacity: 0;
-    -webkit-transform: translateY(-3rem);
-    transform: translateY(-3rem);
+    -webkit-transform: translateY(-10%);
+    transform: translateY(-10%);
   }
 }
 
 @keyframes fadeDownOut {
   0% {
     opacity: 1;
-    -webkit-transform: translateY(0rem);
-    transform: translateY(0rem);
+    -webkit-transform: translateY(0%);
+    transform: translateY(0%);
   }
 
   100% {
     opacity: 0;
-    -webkit-transform: translateY(-3rem);
-    transform: translateY(-3rem);
+    -webkit-transform: translateY(-10%);
+    transform: translateY(-10%);
   }
 }
 
@@ -26507,12 +26490,6 @@ a:hover {
       Scale
 ---------------*/
 
-.scale.transition {
-  transform-origin: 50% 10rem;
-  -ms-transform-origin: 50% 10rem;
-  -webkit-transform-origin: 50% 10rem;
-}
-
 .scale.transition.in {
   -webkit-animation-name: scaleIn;
   animation-name: scaleIn;

dist/semantic.js

@@ -3772,7 +3772,7 @@ $.fn.dropdown = function(parameters) {
                 .on('touchstart' + eventNamespace, module.event.test.toggle)
               ;
             }
-            $module
+            $menu
               .on('touchstart' + eventNamespace, selector.item, module.event.item.mouseenter)
             ;
           },
@@ -3810,7 +3810,7 @@ $.fn.dropdown = function(parameters) {
                 .on('blur'      + eventNamespace, module.event.blur)
               ;
             }
-            $module
+            $menu
               .on('mouseenter' + eventNamespace, selector.item, module.event.item.mouseenter)
               .on('mouseleave' + eventNamespace, selector.item, module.event.item.mouseleave)
               .on('click'      + eventNamespace, selector.item, module.event.item.click)
@@ -4266,7 +4266,7 @@ $.fn.dropdown = function(parameters) {
                         : optionText
                   ;
                   if(strict) {
-                    module.debug('Ambiguous dropdown value using strict type check', value);
+                    module.verbose('Ambiguous dropdown value using strict type check', $choice, value);
                     if( optionValue === value ) {
                       $selectedItem = $(this);
                     }
@@ -4516,6 +4516,8 @@ $.fn.dropdown = function(parameters) {
                 $currentMenu
                   .transition({
                     animation  : settings.transition + ' in',
+                    debug      : settings.debug,
+                    verbose    : settings.verbose,
                     duration   : settings.duration,
                     queue      : true,
                     onStart    : start,
@@ -4585,6 +4587,8 @@ $.fn.dropdown = function(parameters) {
                   .transition({
                     animation  : settings.transition + ' out',
                     duration   : settings.duration,
+                    debug      : settings.debug,
+                    verbose    : settings.verbose,
                     queue      : true,
                     onStart    : start,
                     onComplete : function() {
@@ -7153,7 +7157,7 @@ $.fn.popup = function(parameters) {
         destroy: function() {
           module.debug('Destroying previous module');
           if($popup && !settings.preserve) {
-            module.remove();
+            module.removePopup();
           }
           $module
             .off(eventNamespace)
@@ -7284,9 +7288,7 @@ $.fn.popup = function(parameters) {
 
         hide: function(callback) {
           callback = $.isFunction(callback) ? callback : function(){};
-          $module
-            .removeClass(className.visible)
-          ;
+          module.remove.visible();
           module.unbind.close();
           if( module.is.visible() ) {
             module.restore.conditions();
@@ -7324,10 +7326,10 @@ $.fn.popup = function(parameters) {
           }
         },
 
-        remove: function() {
+        removePopup: function() {
           module.debug('Removing popup');
           $popup
-            .remove()
+            .removePopup()
           ;
         },
 
@@ -7356,15 +7358,15 @@ $.fn.popup = function(parameters) {
           show: function(callback) {
             callback = $.isFunction(callback) ? callback : function(){};
             if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
-              $module
-                .addClass(className.visible)
-              ;
+              module.set.visible();
               $popup
                 .transition({
-                  animation : settings.transition + ' in',
-                  queue     : false,
-                  duration  : settings.duration,
-                  onComplete  : function() {
+                  animation  : settings.transition + ' in',
+                  queue      : false,
+                  debug      : settings.debug,
+                  verbose    : settings.verbose,
+                  duration   : settings.duration,
+                  onComplete : function() {
                     module.bind.close();
                     $.proxy(callback, element)();
                   }
@@ -7372,9 +7374,7 @@ $.fn.popup = function(parameters) {
               ;
             }
             else {
-              $module
-                .addClass(className.visible)
-              ;
+              module.set.visible();
               $popup
                 .stop()
                 .fadeIn(settings.duration, settings.easing, function() {
@@ -7394,6 +7394,8 @@ $.fn.popup = function(parameters) {
                   animation  : settings.transition + ' out',
                   queue      : false,
                   duration   : settings.duration,
+                  debug      : settings.debug,
+                  verbose    : settings.verbose,
                   onComplete : function() {
                     module.reset();
                     callback();
@@ -7656,8 +7658,17 @@ $.fn.popup = function(parameters) {
               $popup.removeClass(className.loading);
               return true;
             }
+          },
+
+          visible: function() {
+            $module.addClass(className.visible);
           }
+        },
 
+        remove: {
+          visible: function() {
+            $module.removeClass(className.visible);
+          }
         },
 
         bind: {
@@ -7729,9 +7740,7 @@ $.fn.popup = function(parameters) {
         },
 
         reset: function() {
-          $popup
-            .removeClass(className.visible)
-          ;
+          module.remove.visible();
           if(settings.preserve || settings.popup) {
             if($.fn.transition !== undefined) {
               $popup
@@ -7740,7 +7749,7 @@ $.fn.popup = function(parameters) {
             }
           }
           else {
-            module.remove();
+            module.removePopup();
           }
         },
 
@@ -11234,10 +11243,10 @@ $.fn.sidebar = function(parameters) {
           if(settings.transition == 'scale down' || (module.is.mobile() && transition !== 'overlay')) {
             module.scrollToTop();
           }
-          module.add.bodyCSS();
           module.set.transition();
           module.repaint();
           animate = function() {
+            module.add.bodyCSS();
             module.set.animating();
             module.set.visible();
             if(!module.othersActive()) {