inky-rb 1.3.8.0 → 1.4.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 48af980ab18545c232dc3fd4f4ee2ebedbfeca066aabe1faa4c3455c2aa4c152
-  data.tar.gz: f0b985c040dea524b0004cc90edb81ce8f4920e135d9def3253896a38b75099c
+  metadata.gz: 8b6292d929c4b925c5767a682f808c6f7f812925fe8769604e266459b19f0afb
+  data.tar.gz: 46349b5e9e7901e374e99d51f9bfbcaa1d083550336917629ea434c452ce4c99
 SHA512:
-  metadata.gz: 3de872ab2036bd2ffcfb7c6c13aa8a58aee0b208e89da68281547e60a61acc8eaaf7b7f587d08d9672b6c84ad18219e61d7c227a71d47b3a6396c59ebb9dd840
-  data.tar.gz: f278877cc37ddf979b7f68fb35d3f333881095203eb40a95b330e217c28cc9708ba658a5466fcb2b171ace3ffd83b60270ec64b781d6a9b6ccdd64a37d728223
+  metadata.gz: d7c9410bd6ff9a642ccd5c51d8435a077234334c6dcfe23054f72bd6dc330a2cd4d07cd02bd2084dc0f65bed18ba08d82b904d5b08ced59e23b0f553b3daf22e
+  data.tar.gz: 1479e4b652d006b7a37092a05ee72d1177e0ab97ea514f0eb646acc25900da9799f887176cee1bef2f9527ebd13936d208ed5818bad3a44fee0b88da1ebbfcf5

data/inky.gemspec

@@ -5,11 +5,11 @@ require 'inky/rails/version'
 Gem::Specification.new do |s|
   s.name        = 'inky-rb'
   s.version     = Inky::Rails::VERSION
-  s.summary     = 'Inky is an HTML-based templating language that converts simple HTML into complex, responsive email-ready HTML. Designed for Foundation for Emails, a responsive email framework from ZURB.  '
-  s.description = 'Inky is an HTML-based templating language that converts simple HTML into complex, responsive email-ready HTML. Designed for Foundation for Emails, a responsive email framework from ZURB.  '
-  s.authors     = ["ZURB"]
-  s.email       = ['foundation@zurb.com']
-  s.homepage    = 'https://github.com/zurb/inky-rb'
+  s.summary     = 'Inky is an HTML-based templating language that converts simple HTML into complex, responsive email-ready HTML. Designed for Foundation for Emails'
+  s.description = 'Inky is an HTML-based templating language that converts simple HTML into complex, responsive email-ready HTML. Designed for Foundation for Emails'
+  s.authors     = ["Foundation"]
+  s.email       = ['contact@get.foundation']
+  s.homepage    = 'https://github.com/foundation/inky-rb'
   s.licenses    = ['MIT']
 
   s.files         = `git ls-files -z`.split("\x0")

data/lib/inky/component_factory.rb

@@ -45,21 +45,22 @@ module Inky
 
     def _transform_button(component, inner)
       expand = _has_class(component, 'expand')
+      attributes = _pass_through_attributes(component)
       if component.attr('href')
         target = _target_attribute(component)
         extra = ' align="center" class="float-center"' if expand
-        inner = %{<a href="#{component.attr('href')}"#{target}#{extra}>#{inner}</a>}
+        inner = %{<a #{attributes}href="#{component.attr('href')}"#{target}#{extra}>#{inner}</a>}
       end
       inner = "<center>#{inner}</center>" if expand
 
       classes = _combine_classes(component, 'button')
       expander = '<td class="expander"></td>' if expand
-      %{<table class="#{classes}"><tr><td><table><tr><td>#{inner}</td></tr></table></td>#{expander}</tr></table>}
+      %{<table class="#{classes}"><tbody><tr><td><table><tbody><tr><td>#{inner}</td></tr></tbody></table></td>#{expander}</tr></tbody></table>}
     end
 
     def _transform_menu(component, inner)
       attributes = _combine_attributes(component, 'menu')
-      %{<table #{attributes}><tr><td><table><tr>#{inner}</tr></table></td></tr></table>}
+      %{<table #{attributes}><tbody><tr><td><table><tbody><tr>#{inner}</tr></tbody></table></td></tr></tbody></table>}
     end
 
     def _transform_menu_item(component, inner)
@@ -96,12 +97,12 @@ module Inky
       subrows = component.elements.css(".row").to_a.concat(component.elements.css("row").to_a)
       expander = %{<th class="expander"></th>} if large_size.to_i == column_count && subrows.empty?
 
-      %{<#{INTERIM_TH_TAG} class="#{classes}" #{_pass_through_attributes(component)}><table><tr><th>#{inner}</th>#{expander}</tr></table></#{INTERIM_TH_TAG}>}
+      %{<#{INTERIM_TH_TAG} class="#{classes}" #{_pass_through_attributes(component)}><table><tbody><tr><th>#{inner}</th>#{expander}</tr></tbody></table></#{INTERIM_TH_TAG}>}
     end
 
     def _transform_block_grid(component, inner)
       classes = _combine_classes(component, "block-grid up-#{component.attr('up')}")
-      %{<table class="#{classes}"><tr>#{inner}</tr></table>}
+      %{<table class="#{classes}"><tbody><tr>#{inner}</tr></tbody></table>}
     end
 
     def _transform_center(component, _inner)
@@ -121,12 +122,12 @@ module Inky
     def _transform_callout(component, inner)
       classes = _combine_classes(component, 'callout-inner')
       attributes = _pass_through_attributes(component)
-      %{<table #{attributes}class="callout"><tr><th class="#{classes}">#{inner}</th><th class="expander"></th></tr></table>}
+      %{<table #{attributes}class="callout"><tbody><tr><th class="#{classes}">#{inner}</th><th class="expander"></th></tr></tbody></table>}
     end
 
     def _transform_spacer(component, _inner)
       classes = _combine_classes(component, 'spacer')
-      build_table = ->(size, extra) { %{<table class="#{classes} #{extra}"><tbody><tr><td height="#{size}" style="font-size:#{size}px;line-height:#{size}px;">&#xA0;</td></tr></tbody></table>} }
+      build_table = ->(size, extra) { %{<table class="#{classes} #{extra}"><tbody><tr><td height="#{size}" style="font-size:#{size}px;line-height:#{size}px;">&nbsp;</td></tr></tbody></table>} }
       size = component.attr('size')
       size_sm = component.attr('size-sm')
       size_lg = component.attr('size-lg')
@@ -140,9 +141,15 @@ module Inky
       end
     end
 
+    def _transform_h_line(component, _inner)
+      classes = _combine_classes(component, 'h-line')
+      attributes = _pass_through_attributes(component)
+      %{<table #{attributes}class="#{classes}"><tr><th>&nbsp;</th></tr></table>}
+    end
+
     def _transform_wrapper(component, inner)
       attributes = _combine_attributes(component, 'wrapper')
-      %{<table #{attributes} align="center"><tr><td class="wrapper-inner">#{inner}</td></tr></table>}
+      %{<table #{attributes} align="center"><tbody><tr><td class="wrapper-inner">#{inner}</td></tr></tbody></table>}
     end
   end
 end

data/lib/inky/rails/version.rb

@@ -1,6 +1,6 @@
 module Inky
   module Rails
-    VERSION = '1.3.8.0'.freeze
+    VERSION = '1.4.2.0'.freeze
   end
   NODE_VERSION, GEM_VERSION = Rails::VERSION.rpartition('.').map(&:freeze)
 end

data/lib/inky.rb

@@ -20,7 +20,8 @@ module Inky
         callout: 'callout',
         spacer: 'spacer',
         wrapper: 'wrapper',
-        menu_item: 'item'
+        menu_item: 'item',
+        h_line: 'h-line',
       }.merge(::Inky.configuration.components).merge(options[:components] || {})
 
       self.component_lookup = components.invert
@@ -41,6 +42,7 @@ module Inky
       transform_doc(html)
       string = html.to_html
       string.gsub!(INTERIM_TH_TAG_REGEX, 'th')
+      string.gsub!(' ', ' ') # Convert non-breaking spaces to explicit   entity
       Inky::Core.re_inject_raws(string, raws)
     end
 

data/spec/_cases_output/button/no_link.inky

@@ -1 +1 @@
-<table class="button"><tr><td><table><tr><td>I'm missing an href</td></tr></table></td></tr></table>
+<table class="button"><tbody><tr><td><table><tbody><tr><td>I'm missing an href</td></tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/button/with_expand_class.inky

@@ -1,4 +1,4 @@
-<table class="button expand foo"><tr><td><table><tr><td><center data-parsed=""><a href="http://example.com" align="center" class="float-center">
+<table class="button expand foo"><tbody><tr><td><table><tbody><tr><td><center><a href="http://example.com" align="center" class="float-center">
   A label
-</a></center></td></tr></table></td>
-<td class="expander"></td></tr></table>
+</a></center></td></tr></tbody></table></td>
+<td class="expander"></td></tr></tbody></table>

data/spec/_cases_output/button/with_extra_attr.inky

@@ -0,0 +1,3 @@
+<table class="button"><tbody><tr><td><table><tbody><tr><td>
+  A label
+</td></tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/button/with_image.inky

@@ -1,3 +1,3 @@
-<table class="button"><tr><td><table><tr><td><a href="#">
+<table class="button"><tbody><tr><td><table><tbody><tr><td><a href="#">
   <img src="http://www.example.com/" width="600" height="400">
-</a></td></tr></table></td></tr></table>
+</a></td></tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/button/with_link.inky

@@ -1,3 +1,3 @@
-<table class="button some classes"><tr><td><table><tr><td><a href="http://example.com">
+<table class="button some classes"><tbody><tr><td><table><tbody><tr><td><a href="http://example.com">
 	A label
-</a></td></tr></table></td></tr></table>
+</a></td></tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/button/with_link_and_extra_attr.inky

@@ -0,0 +1,3 @@
+<table class="button"><tbody><tr><td><table><tbody><tr><td><a foo="bar" href="http://example.com">
+	A label
+</a></td></tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/button/with_tricky_class.inky

@@ -1,22 +1,22 @@
-<table class="button noexpand"><tr><td><table><tr><td><a href="http://example.com">
+<table class="button noexpand"><tbody><tr><td><table><tbody><tr><td><a href="http://example.com">
   A label
-</a></td></tr></table></td></tr></table>
+</a></td></tr></tbody></table></td></tr></tbody></table>
 
-<table class="button expand-niet"><tr><td><table><tr><td><a href="http://example.com">
+<table class="button expand-niet"><tbody><tr><td><table><tbody><tr><td><a href="http://example.com">
   A label
-</a></td></tr></table></td></tr></table>
+</a></td></tr></tbody></table></td></tr></tbody></table>
 
-<table class="button expand foo"><tr><td><table><tr><td><center data-parsed=""><a href="http://example.com" align="center" class="float-center">
+<table class="button expand foo"><tbody><tr><td><table><tbody><tr><td><center><a href="http://example.com" align="center" class="float-center">
   A label
-</a></center></td></tr></table></td>
-<td class="expander"></td></tr></table>
+</a></center></td></tr></tbody></table></td>
+<td class="expander"></td></tr></tbody></table>
 
-<table class="button foo expand"><tr><td><table><tr><td><center data-parsed=""><a href="http://example.com" align="center" class="float-center">
+<table class="button foo expand"><tbody><tr><td><table><tbody><tr><td><center><a href="http://example.com" align="center" class="float-center">
   A label
-</a></center></td></tr></table></td>
-<td class="expander"></td></tr></table>
+</a></center></td></tr></tbody></table></td>
+<td class="expander"></td></tr></tbody></table>
 
-<table class="button foo expand bar"><tr><td><table><tr><td><center data-parsed=""><a href="http://example.com" align="center" class="float-center">
+<table class="button foo expand bar"><tbody><tr><td><table><tbody><tr><td><center><a href="http://example.com" align="center" class="float-center">
   A label
-</a></center></td></tr></table></td>
-<td class="expander"></td></tr></table>
+</a></center></td></tr></tbody></table></td>
+<td class="expander"></td></tr></tbody></table>

data/spec/_cases_output/callout/basic.inky

@@ -1 +1 @@
-<table class="callout"><tr><th class="callout-inner">Simple callout</th><th class="expander"></th></tr></table>
+<table class="callout"><tbody><tr><th class="callout-inner">Simple callout</th><th class="expander"></th></tr></tbody></table>

data/spec/_cases_output/callout/with_attributes.inky

@@ -1,3 +1,3 @@
-<table foo="bar" class="callout"><tr><th class="callout-inner some klasses">
+<table foo="bar" class="callout"><tbody><tr><th class="callout-inner some klasses">
   <p>I'm in a callout!</p>
-</th><th class="expander"></th></tr></table>
+</th><th class="expander"></th></tr></tbody></table>

data/spec/_cases_output/general/multiple_root.inky

@@ -1,2 +1,2 @@
-<table class="callout"><tr><th class="callout-inner">Hey</th><th class="expander"></th></tr></table>
-<table class="callout"><tr><th class="callout-inner">You</th><th class="expander"></th></tr></table>
+<table class="callout"><tbody><tr><th class="callout-inner">Hey</th><th class="expander"></th></tr></tbody></table>
+<table class="callout"><tbody><tr><th class="callout-inner">You</th><th class="expander"></th></tr></tbody></table>

data/spec/_cases_output/general/root_within_text.inky

@@ -1,3 +1,7 @@
 Text before
-<table class="callout"><tr><th class="callout-inner">Ho</th><th class="expander"></th></tr></table>
+<table class="callout"><tbody><tr><th class="callout-inner">Ho</th><th class="expander"></th></tr></tbody></table>
+Text after
+<table class="callout"><tbody><tr><th class="callout-inner">Ho</th><th class="expander"></th></tr></tbody></table>
+Text after
+<table class="callout"><tbody><tr><th class="callout-inner">Ho</th><th class="expander"></th></tr></tbody></table>
 Text after

data/spec/_cases_output/general/void_html_elements.inky

@@ -1,6 +1,6 @@
-<table class="callout"><tr><th class="callout-inner">
+<table class="callout"><tbody><tr><th class="callout-inner">
 Hello
 <br>
 Here's an image:
 <img src="http://www.example.com" width="400" height="200">
-</th><th class="expander"></th></tr></table>
+</th><th class="expander"></th></tr></tbody></table>

data/spec/_cases_output/grid/columns.inky

@@ -1,2 +1,2 @@
-<th class="some classes small-12 large-12 columns first last" foo="bar"><table><tr><th>First column</th>
-<th class="expander"></th></tr></table></th>
+<th class="some classes small-12 large-12 columns first last" foo="bar"><table><tbody><tr><th>First column</th>
+<th class="expander"></th></tr></tbody></table></th>

data/spec/_cases_output/grid/row_with_columns.inky

@@ -1,5 +1,5 @@
 <table class="row collapse"><tbody><tr>
-  <th class="small-12 large-4 columns first"><table><tr><th>First column</th></tr></table></th>
-  <th class="small-12 large-4 columns"><table><tr><th>Second column</th></tr></table></th>
-  <th class="small-12 large-4 columns last"><table><tr><th>Last column</th></tr></table></th>
+  <th class="small-12 large-4 columns first"><table><tbody><tr><th>First column</th></tr></tbody></table></th>
+  <th class="small-12 large-4 columns"><table><tbody><tr><th>Second column</th></tr></tbody></table></th>
+  <th class="small-12 large-4 columns last"><table><tbody><tr><th>Last column</th></tr></tbody></table></th>
 </tr></tbody></table>

data/spec/_cases_output/h_line/basic.inky

@@ -0,0 +1 @@
+<table class="h-line"><tr><th>&nbsp;</th></tr></table>

data/spec/_cases_output/h_line/h_line.inky

@@ -0,0 +1,2 @@
+Hello
+<table class="h-line"><tr><th>&nbsp;</th></tr></table>

data/spec/_cases_output/h_line/multiple.inky

@@ -0,0 +1,3 @@
+<!-- pending https://github.com/foundation/inky/issues/137 --->
+Hello
+<table class="h-line"><tr><th>&nbsp;</th></tr></table>

data/spec/_cases_output/h_line/with_attr.inky

@@ -0,0 +1 @@
+<table class="h-line"><tr><th>&nbsp;</th></tr></table>

data/spec/_cases_output/menu/menu.inky

@@ -1,2 +1,2 @@
-<table foo="bar" class="menu some classes"><tr><td><table><tr>
-</tr></table></td></tr></table>
+<table foo="bar" class="menu some classes"><tbody><tr><td><table><tbody><tr>
+</tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/menu/menu_with_align.inky

@@ -1,2 +1,2 @@
-<table align="left" class="menu"><tr><td><table><tr>
-</tr></table></td></tr></table>
+<table align="left" class="menu"><tbody><tr><td><table><tbody><tr>
+</tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/menu/menu_with_items.inky

@@ -1,5 +1,5 @@
-<table class="menu small-vertical"><tr><td><table><tr>
+<table class="menu small-vertical"><tbody><tr><td><table><tbody><tr>
   <th class="menu-item"><a href="http://example.com/1">An item</a></th>
   <th class="menu-item"><a href="http://example.com/2">Another Item</a></th>
   <th class="menu-item"><a href="http://example.com/3">Last Item</a></th>
-</tr></table></td></tr></table>
+</tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/spacer/basic.inky

@@ -1,5 +1,5 @@
 <div>
   Stuff on top
-  <table class="spacer"><tbody><tr><td height="16px" style="font-size:16px;line-height:16px;">&#xA0;</td></tr></tbody></table> 
+  <table class="spacer"><tbody><tr><td height="16" style="font-size:16px;line-height:16px;">&nbsp;</td></tr></tbody></table> 
   Stuff on bottom
 </div>

data/spec/_cases_output/spacer/with_attr.inky

@@ -0,0 +1,6 @@
+<!-- pending https://github.com/foundation/inky/issues/135 --->
+<div>
+  Stuff on top
+  <table foo="bar" class="spacer"><tbody><tr><td height="16" style="font-size:16px;line-height:16px;">&nbsp;</td></tr></tbody></table> 
+  Stuff on bottom
+</div>

data/spec/_cases_output/spacer/with_size.inky

@@ -1,5 +1,5 @@
 <div>
   Stuff on top
-  <table class="spacer some classes"><tbody><tr><td height="42px" style="font-size:42px;line-height:42px;">&#xA0;</td></tr></tbody></table> 
+  <table class="spacer some classes"><tbody><tr><td height="42" style="font-size:42px;line-height:42px;">&nbsp;</td></tr></tbody></table> 
   Stuff on bottom
 </div>

data/spec/_cases_output/spacer/with_size_lg.inky

@@ -1,5 +1,5 @@
 <div>
   Stuff on top
-  <table class="spacer some classes show-for-large"><tbody><tr><td height="666px" style="font-size:666px;line-height:666px;">&#xA0;</td></tr></tbody></table> 
+  <table class="spacer some classes show-for-large"><tbody><tr><td height="666" style="font-size:666px;line-height:666px;">&nbsp;</td></tr></tbody></table> 
 <p>Stuff on bottom</p>
 </div>

data/spec/_cases_output/spacer/with_size_sm.inky

@@ -1,5 +1,5 @@
 <div>
   Stuff on top
-  <table class="spacer some classes hide-for-large"><tbody><tr><td height="42px" style="font-size:42px;line-height:42px;">&#xA0;</td></tr></tbody></table> 
+  <table class="spacer some classes hide-for-large"><tbody><tr><td height="42" style="font-size:42px;line-height:42px;">&nbsp;</td></tr></tbody></table> 
   Stuff on bottom
 </div>

data/spec/_cases_output/spacer/with_size_sm_and_lg.inky

@@ -1,5 +1,5 @@
 <div>
   Stuff on top
-  <table class="spacer some classes hide-for-large"><tbody><tr><td height="42px" style="font-size:42px;line-height:42px;">&#xA0;</td></tr></tbody></table><table class="spacer some classes show-for-large"><tbody><tr><td height="666px" style="font-size:666px;line-height:666px;">&#xA0;</td></tr></tbody></table> 
+  <table class="spacer some classes hide-for-large"><tbody><tr><td height="42" style="font-size:42px;line-height:42px;">&nbsp;</td></tr></tbody></table><table class="spacer some classes show-for-large"><tbody><tr><td height="666" style="font-size:666px;line-height:666px;">&nbsp;</td></tr></tbody></table> 
   Stuff on bottom
 </div>

data/spec/_cases_output/spacer/with_sizes_and_attr.inky

@@ -0,0 +1,6 @@
+<!-- pending https://github.com/foundation/inky/issues/135 --->
+<div>
+  Stuff on top
+  <table foo="bar" class="spacer some classes hide-for-large"><tbody><tr><td height="42" style="font-size:42px;line-height:42px;">&nbsp;</td></tr></tbody></table><table foo="bar" class="spacer some classes show-for-large"><tbody><tr><td height="666" style="font-size:666px;line-height:666px;">&nbsp;</td></tr></tbody></table> 
+  Stuff on bottom
+</div>

data/spec/_cases_output/wrapper/basic.inky

@@ -1 +1 @@
-<table class="wrapper" align="center"><tr><td class="wrapper-inner">In the wrap</td></tr></table>
+<table class="wrapper" align="center"><tbody><tr><td class="wrapper-inner">In the wrap</td></tr></tbody></table>

data/spec/_cases_output/wrapper/with_align.inky

@@ -1 +1 @@
-<table align="left" class="wrapper"><tr><td class="wrapper-inner">In the wrap</td></tr></table>
+<table align="left" class="wrapper"><tbody><tr><td class="wrapper-inner">In the wrap</td></tr></tbody></table>

data/spec/_cases_output/wrapper/with_attributes.inky

@@ -1 +1 @@
-<table foo="bar" class="wrapper some classes" align="center"><tr><td class="wrapper-inner">In the wrap</td></tr></table>
+<table foo="bar" class="wrapper some classes" align="center"><tbody><tr><td class="wrapper-inner">In the wrap</td></tr></tbody></table>

data/spec/cases/button/with_extra_attr.inky

@@ -0,0 +1,3 @@
+<button foo="bar">
+  A label
+</button>

data/spec/cases/button/with_link.inky

@@ -1,3 +1,3 @@
-<button href="http://example.com" class="some classes" foo="bar">
+<button href="http://example.com" class="some classes">
 	A label
 </button>

data/spec/cases/button/with_link_and_extra_attr.inky

@@ -0,0 +1,3 @@
+<button href="http://example.com" foo="bar">
+	A label
+</button>

data/spec/cases/h_line/basic.inky

@@ -0,0 +1 @@
+<h-line/>

data/spec/cases/h_line/multiple.inky

@@ -0,0 +1,8 @@
+<!-- pending https://github.com/foundation/inky/issues/137 --->
+Hello
+<h-line/>
+World
+<h-line foo="bar"/>
+Bye
+<h-line class="x" foo="bar"/>
+Zzz

data/spec/cases/h_line/with_attr.inky

@@ -0,0 +1,2 @@
+<!-- pending https://github.com/foundation/inky/issues/137 --->
+<h-line foo="bar"/>

data/spec/cases/spacer/with_attr.inky

@@ -0,0 +1,6 @@
+<!-- pending https://github.com/foundation/inky/issues/135 --->
+<div>
+  Stuff on top
+  <spacer foo="bar"/>
+  Stuff on bottom
+</div>

data/spec/cases/spacer/with_size.inky

@@ -1,5 +1,5 @@
 <div>
   Stuff on top
-  <spacer class="some classes" foo="bar" size="42"/>
+  <spacer class="some classes" size="42"/>
   Stuff on bottom
 </div>

data/spec/cases/spacer/with_size_lg.inky

@@ -1,4 +1,4 @@
 <div>
   Stuff on top
-  <spacer class="some classes" foo="bar" size-lg="666"/>
+  <spacer class="some classes" size-lg="666"/>
 <p>Stuff on bottom</p>

data/spec/cases/spacer/with_size_sm.inky

@@ -1,5 +1,5 @@
 <div>
   Stuff on top
-  <spacer class="some classes" foo="bar" size-sm="42"></spacer>
+  <spacer class="some classes" size-sm="42"></spacer>
   Stuff on bottom
 </div>

data/spec/cases/spacer/with_size_sm_and_lg.inky

@@ -1,5 +1,5 @@
 <div>
   Stuff on top
-  <spacer class="some classes" foo="bar" size-sm="42" size-lg="666"/>
+  <spacer class="some classes" size-sm="42" size-lg="666"/>
   Stuff on bottom
 </div>

data/spec/cases/spacer/with_sizes_and_attr.inky

@@ -0,0 +1,6 @@
+<!-- pending https://github.com/foundation/inky/issues/135 --->
+<div>
+  Stuff on top
+  <spacer class="some classes" foo="bar" size-sm="42" size-lg="666"/>
+  Stuff on bottom
+</div>