Fix base case for spacer

Author: kball

lib/componentFactory.js

@@ -123,15 +123,12 @@ module.exports = function(element) {
     // <spacer>
     case this.components.spacer:
       var classes = ['spacer'];
-      var size = 16;
+      var size;
       var html = '';
       if (element.attr('class')) {
         classes = classes.concat(element.attr('class').split(' '));
       }
-      if (element.attr('size')) {
-        size = (element.attr('size'));
-        html += '<table class="%s"><tbody><tr><td height="'+size+'px" style="font-size:'+size+'px;line-height:'+size+'px;">&#xA0;</td></tr></tbody></table>';
-      } else {
+      if (element.attr('size-sm') || element.attr('size-lg')) {
         if (element.attr('size-sm')) {
           size = (element.attr('size-sm'));
           html += '<table class="%s hide-for-large"><tbody><tr><td height="'+size+'px" style="font-size:'+size+'px;line-height:'+size+'px;">&#xA0;</td></tr></tbody></table>';
@@ -140,6 +137,9 @@ module.exports = function(element) {
           size = (element.attr('size-lg'));
           html += '<table class="%s show-for-large"><tbody><tr><td height="'+size+'px" style="font-size:'+size+'px;line-height:'+size+'px;">&#xA0;</td></tr></tbody></table>';
         }
+      } else {
+        size = (element.attr('size')) || 16;
+        html += '<table class="%s"><tbody><tr><td height="'+size+'px" style="font-size:'+size+'px;line-height:'+size+'px;">&#xA0;</td></tr></tbody></table>';
       }
 
       if( element.attr('size-sm') && element.attr('size-lg') ) {