Copy classes defined in <block-grid> tags to the final HTML, fixes fo…

…undation/foundation-emails#207
foundation · Mar 4, 2016 · 1b6a989 · 1b6a989
1 parent 77dd8f8
commit 1b6a989
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/lib/componentFactory.js b/lib/componentFactory.js
@@ -59,7 +59,11 @@ module.exports = function(element) {
 
     // <block-grid>
     case this.components.blockGrid:
-      return format('<table class="block-grid up-%s"><tr>%s</tr></table>', component.attr('up'), inner);
+      var classes = ['block-grid', 'up-'+component.attr('up')];
+      if (component.attr('class')) {
+        classes = classes.concat(component.attr('class').split(' '));
+      }
+      return format('<table class="%s"><tr>%s</tr></table>', classes.join(' '), inner);
 
     // <menu>
     case this.components.menu:

diff --git a/test/grid.js b/test/grid.js
@@ -249,4 +249,15 @@ describe('Block Grid', () => {
 
     compare(input, expected);
   });
+
+  it('copies classes to the final HTML output', () => {
+    var input = '<block-grid up="4" class="show-for-large"></block-grid>';
+    var expected = `
+      <table class="block-grid up-4 show-for-large">
+        <tr></tr>
+      </table>
+    `;
+
+    compare(input, expected);
+  });
 });