semantic-ui-sass 0.0.2 → 0.0.3

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

@@ -14,15 +14,6 @@
 $.fn.nag = function(parameters) {
   var
     $allModules     = $(this),
-    settings        = $.extend(true, {}, $.fn.nag.settings, parameters),
-
-    className       = settings.className,
-    selector        = settings.selector,
-    error           = settings.error,
-    namespace       = settings.namespace,
-
-    eventNamespace  = '.' + namespace,
-    moduleNamespace = namespace + '-module',
     moduleSelector  = $allModules.selector || '',
 
     time            = new Date().getTime(),
@@ -36,6 +27,16 @@ $.fn.nag = function(parameters) {
   $(this)
     .each(function() {
       var
+        settings        = $.extend(true, {}, $.fn.nag.settings, parameters),
+
+        className       = settings.className,
+        selector        = settings.selector,
+        error           = settings.error,
+        namespace       = settings.namespace,
+
+        eventNamespace  = '.' + namespace,
+        moduleNamespace = namespace + '-module',
+
         $module         = $(this),
 
         $close          = $module.find(selector.close),

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

@@ -16,10 +16,6 @@ $.fn.popup = function(parameters) {
     $allModules     = $(this),
     $document       = $(document),
 
-    settings        = ( $.isPlainObject(parameters) )
-      ? $.extend(true, {}, $.fn.popup.settings, parameters)
-      : $.fn.popup.settings,
-
     moduleSelector  = $allModules.selector || '',
 
     time            = new Date().getTime(),
@@ -34,6 +30,19 @@ $.fn.popup = function(parameters) {
   $allModules
     .each(function() {
       var
+        settings        = ( $.isPlainObject(parameters) )
+          ? $.extend(true, {}, $.fn.popup.settings, parameters)
+          : $.fn.popup.settings,
+
+        selector        = settings.selector,
+        className       = settings.className,
+        error           = settings.error,
+        metadata        = settings.metadata,
+        namespace       = settings.namespace,
+
+        eventNamespace  = '.' + settings.namespace,
+        moduleNamespace = settings.namespace + '-module',
+
         $module         = $(this),
 
         $window         = $(window),
@@ -44,15 +53,6 @@ $.fn.popup = function(parameters) {
 
         searchDepth     = 0,
 
-        eventNamespace  = '.' + settings.namespace,
-        moduleNamespace = settings.namespace + '-module',
-
-        selector        = settings.selector,
-        className       = settings.className,
-        error           = settings.error,
-        metadata        = settings.metadata,
-        namespace       = settings.namespace,
-
         element         = this,
         instance        = $module.data(moduleNamespace),
         module
@@ -155,18 +155,18 @@ $.fn.popup = function(parameters) {
               .html(html)
             ;
             if(settings.inline) {
-              module.verbose('Inserting popup element inline');
+              module.verbose('Inserting popup element inline', $popup);
               $popup
                 .insertAfter($module)
               ;
             }
             else {
-              module.verbose('Appending popup element to body');
+              module.verbose('Appending popup element to body', $popup);
               $popup
                 .appendTo( $('body') )
               ;
             }
-            $.proxy(settings.onInit, $popup)();
+            $.proxy(settings.onCreate, $popup)();
           }
           else {
             module.error(error.content);
@@ -361,8 +361,9 @@ $.fn.popup = function(parameters) {
           });
           // tentatively place on stage
           $popup
-            .attr('class', position + ' ' + className.popup + ' ' + className.loading)
             .css(positioning)
+            .removeClass(className.position)
+            .addClass(position)
           ;
           // check if is offstage
           offstagePosition = module.get.offstagePosition();
@@ -397,9 +398,6 @@ $.fn.popup = function(parameters) {
           $module
             .addClass(className.visible)
           ;
-          $popup
-            .removeClass(className.loading)
-          ;
           if(settings.transition && $.fn.transition !== undefined) {
             $popup
               .transition(settings.transition + ' in', settings.duration)
@@ -451,9 +449,6 @@ $.fn.popup = function(parameters) {
             ;
           }
           $.proxy(settings.onHide, $popup)();
-          if(!settings.inline) {
-            module.remove();
-          }
         },
 
         reset: function() {
@@ -462,6 +457,9 @@ $.fn.popup = function(parameters) {
             .attr('style', '')
             .removeAttr('style')
           ;
+          if(!settings.inline) {
+            module.remove();
+          }
         },
 
         gracefully: {
@@ -660,7 +658,7 @@ $.fn.popup.settings = {
   performance    : true,
   namespace      : 'popup',
 
-  onInit         : function(){},
+  onCreate         : function(){},
   onShow         : function(){},
   onHide         : function(){},
 
@@ -702,7 +700,8 @@ $.fn.popup.settings = {
   className   : {
     popup       : 'ui popup',
     visible     : 'visible',
-    loading     : 'loading'
+    loading     : 'loading',
+    position    : 'top left center bottom right'
   },
 
   selector    : {

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

@@ -16,17 +16,6 @@ $.fn.rating = function(parameters) {
     $allModules     = $(this),
     moduleSelector  = $allModules.selector || '',
 
-    settings        = $.extend(true, {}, $.fn.rating.settings, parameters),
-
-    namespace       = settings.namespace,
-    className       = settings.className,
-    metadata        = settings.metadata,
-    selector        = settings.selector,
-    error           = settings.error,
-
-    eventNamespace  = '.' + namespace,
-    moduleNamespace = 'module-' + namespace,
-
     time            = new Date().getTime(),
     performance     = [],
 
@@ -38,11 +27,22 @@ $.fn.rating = function(parameters) {
   $allModules
     .each(function() {
       var
-        $module  = $(this),
-        $icon    = $module.find(selector.icon),
+        settings        = $.extend(true, {}, $.fn.rating.settings, parameters),
+
+        namespace       = settings.namespace,
+        className       = settings.className,
+        metadata        = settings.metadata,
+        selector        = settings.selector,
+        error           = settings.error,
+
+        eventNamespace  = '.' + namespace,
+        moduleNamespace = 'module-' + namespace,
+
+        $module         = $(this),
+        $icon           = $module.find(selector.icon),
 
-        element  = this,
-        instance = $module.data(moduleNamespace),
+        element         = this,
+        instance        = $module.data(moduleNamespace),
         module
       ;
 

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

@@ -14,16 +14,6 @@
 $.fn.search = function(source, parameters) {
   var
     $allModules     = $(this),
-    settings        = $.extend(true, {}, $.fn.search.settings, parameters),
-
-
-    className       = settings.className,
-    selector        = settings.selector,
-    error           = settings.error,
-    namespace       = settings.namespace,
-
-    eventNamespace  = '.' + namespace,
-    moduleNamespace = namespace + '-module',
     moduleSelector  = $allModules.selector || '',
 
     time            = new Date().getTime(),
@@ -37,15 +27,25 @@ $.fn.search = function(source, parameters) {
   $(this)
     .each(function() {
       var
-        $module       = $(this),
-        $prompt       = $module.find(selector.prompt),
-        $searchButton = $module.find(selector.searchButton),
-        $results      = $module.find(selector.results),
-        $result       = $module.find(selector.result),
-        $category     = $module.find(selector.category),
-
-        element       = this,
-        instance      = $module.data(moduleNamespace),
+        settings        = $.extend(true, {}, $.fn.search.settings, parameters),
+
+        className       = settings.className,
+        selector        = settings.selector,
+        error           = settings.error,
+        namespace       = settings.namespace,
+
+        eventNamespace  = '.' + namespace,
+        moduleNamespace = namespace + '-module',
+
+        $module         = $(this),
+        $prompt         = $module.find(selector.prompt),
+        $searchButton   = $module.find(selector.searchButton),
+        $results        = $module.find(selector.results),
+        $result         = $module.find(selector.result),
+        $category       = $module.find(selector.category),
+
+        element         = this,
+        instance        = $module.data(moduleNamespace),
 
         module
       ;

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

@@ -15,19 +15,6 @@ $.fn.shape = function(parameters) {
   var
     $allModules     = $(this),
 
-    moduleSelector  = $allModules.selector || '',
-    settings        = $.extend(true, {}, $.fn.shape.settings, parameters),
-
-    // internal aliases
-    namespace     = settings.namespace,
-    selector      = settings.selector,
-    error         = settings.error,
-    className     = settings.className,
-
-    // define namespaces for modules
-    eventNamespace  = '.' + namespace,
-    moduleNamespace = 'module-' + namespace,
-
     time            = new Date().getTime(),
     performance     = [],
 
@@ -40,6 +27,19 @@ $.fn.shape = function(parameters) {
   $allModules
     .each(function() {
       var
+        moduleSelector  = $allModules.selector || '',
+        settings        = $.extend(true, {}, $.fn.shape.settings, parameters),
+
+        // internal aliases
+        namespace     = settings.namespace,
+        selector      = settings.selector,
+        error         = settings.error,
+        className     = settings.className,
+
+        // define namespaces for modules
+        eventNamespace  = '.' + namespace,
+        moduleNamespace = 'module-' + namespace,
+
         // selector cache
         $module       = $(this),
         $sides        = $module.find(selector.sides),

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

@@ -14,18 +14,6 @@
 $.fn.sidebar = function(parameters) {
   var
     $allModules     = $(this),
-
-    settings        = ( $.isPlainObject(parameters) )
-      ? $.extend(true, {}, $.fn.sidebar.settings, parameters)
-      : $.fn.sidebar.settings,
-
-    selector        = settings.selector,
-    className       = settings.className,
-    namespace       = settings.namespace,
-    error           = settings.error,
-
-    eventNamespace  = '.' + namespace,
-    moduleNamespace = 'module-' + namespace,
     moduleSelector  = $allModules.selector || '',
 
     time            = new Date().getTime(),
@@ -40,6 +28,18 @@ $.fn.sidebar = function(parameters) {
   $allModules
     .each(function() {
       var
+        settings        = ( $.isPlainObject(parameters) )
+          ? $.extend(true, {}, $.fn.sidebar.settings, parameters)
+          : $.fn.sidebar.settings,
+
+        selector        = settings.selector,
+        className       = settings.className,
+        namespace       = settings.namespace,
+        error           = settings.error,
+
+        eventNamespace  = '.' + namespace,
+        moduleNamespace = 'module-' + namespace,
+
         $module  = $(this),
 
         $body    = $('body'),

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

@@ -606,40 +606,40 @@ $.fn.transition = function() {
 $.fn.transition.settings = {
 
   // module info
-  name   : 'Transition',
+  name        : 'Transition',
 
   // debug content outputted to console
-  debug        : true,
+  debug       : false,
 
   // verbose debug output
-  verbose      : true,
+  verbose     : true,
 
   // performance data output
-  performance  : true,
+  performance : true,
 
   // event namespace
-  namespace    : 'transition',
+  namespace   : 'transition',
 
   // animation complete event
-  complete     : function() {},
+  complete    : function() {},
 
   // animation duration
-  animation    : 'fade',
-  duration     : '700ms',
+  animation   : 'fade',
+  duration    : '700ms',
 
   // queue up animations
-  queue        : true,
+  queue       : true,
 
-  className    : {
-    transition : 'ui transition',
+  className   : {
     animating  : 'animating',
-    looping    : 'looping',
-    loading    : 'loading',
     disabled   : 'disabled',
     hidden     : 'hidden',
-    visible    : 'visible',
     inward     : 'in',
-    outward    : 'out'
+    loading    : 'loading',
+    looping    : 'looping',
+    outward    : 'out',
+    transition : 'ui transition',
+    visible    : 'visible'
   },
 
   // possible errors

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

@@ -15,10 +15,6 @@ $.fn.video = function(parameters) {
   var
     $allModules     = $(this),
 
-    settings        = ( $.isPlainObject(parameters) )
-      ? $.extend(true, {}, $.fn.video.settings, parameters)
-      : $.fn.video.settings,
-
     moduleSelector  = $allModules.selector || '',
 
     time            = new Date().getTime(),
@@ -28,21 +24,25 @@ $.fn.video = function(parameters) {
     methodInvoked   = (typeof query == 'string'),
     queryArguments  = [].slice.call(arguments, 1),
 
-    selector        = settings.selector,
-    className       = settings.className,
-    error           = settings.error,
-    metadata        = settings.metadata,
-    namespace       = settings.namespace,
-
-    eventNamespace  = '.' + namespace,
-    moduleNamespace = namespace + '-module',
-
     invokedResponse
   ;
 
   $allModules
     .each(function() {
       var
+        settings        = ( $.isPlainObject(parameters) )
+          ? $.extend(true, {}, $.fn.video.settings, parameters)
+          : $.fn.video.settings,
+
+        selector        = settings.selector,
+        className       = settings.className,
+        error           = settings.error,
+        metadata        = settings.metadata,
+        namespace       = settings.namespace,
+
+        eventNamespace  = '.' + namespace,
+        moduleNamespace = namespace + '-module',
+
         $module         = $(this),
         $placeholder    = $module.find(selector.placeholder),
         $playButton     = $module.find(selector.playButton),

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

@@ -139,52 +139,68 @@ body > .ui.grid {
 --------------------*/
 
 /* Sizing Combinations */
-.ui.grid .one.wide.column {
+.ui.grid > .row > .one.wide.column,
+.ui.grid > .one.wide.column {
   width: 6.25%;
 }
-.ui.grid .two.wide.column {
+.ui.grid > .row > .two.wide.column,
+.ui.grid > .two.wide.column {
   width: 12.5%;
 }
-.ui.grid .three.wide.column {
+.ui.grid > .row > .three.wide.column,
+.ui.grid > .three.wide.column {
   width: 18.75%;
 }
-.ui.grid .four.wide.column {
+.ui.grid > .row > .four.wide.column,
+.ui.grid > .four.wide.column {
   width: 25%;
 }
-.ui.grid .five.wide.column {
+.ui.grid > .row > .five.wide.column,
+.ui.grid > .five.wide.column {
   width: 31.25%;
 }
-.ui.grid .six.wide.column {
+.ui.grid > .row > .six.wide.column,
+.ui.grid > .six.wide.column {
   width: 37.5%;
 }
-.ui.grid .seven.wide.column {
+.ui.grid > .row > .seven.wide.column,
+.ui.grid > .seven.wide.column {
   width: 43.75%;
 }
-.ui.grid .eight.wide.column {
+.ui.grid > .row > .eight.wide.column,
+.ui.grid > .eight.wide.column {
   width: 50%;
 }
-.ui.grid .nine.wide.column {
+.ui.grid > .row > .nine.wide.column,
+.ui.grid > .nine.wide.column {
   width: 56.25%;
 }
-.ui.grid .ten.wide.column {
+.ui.grid > .row > .ten.wide.column,
+.ui.grid > .ten.wide.column {
   width: 62.5%;
 }
-.ui.grid .eleven.wide.column {
+.ui.grid > .row > .eleven.wide.column,
+.ui.grid > .eleven.wide.column {
   width: 68.75%;
 }
-.ui.grid .twelve.wide.column {
+.ui.grid > .row > .twelve.wide.column,
+.ui.grid > .twelve.wide.column {
   width: 75%;
 }
-.ui.grid .thirteen.wide.column {
+.ui.grid > .row > .thirteen.wide.column,
+.ui.grid > .thirteen.wide.column {
   width: 81.25%;
 }
-.ui.grid .fourteen.wide.column {
+.ui.grid > .row > .fourteen.wide.column,
+.ui.grid > .fourteen.wide.column {
   width: 87.5%;
 }
-.ui.grid .fifteen.wide.column {
+.ui.grid > .row > .fifteen.wide.column,
+.ui.grid > .fifteen.wide.column {
   width: 93.75%;
 }
-.ui.grid .sixteen.wide.column {
+.ui.grid > .row > .sixteen.wide.column,
+.ui.grid > .sixteen.wide.column {
   width: 100%;
 }