Correctly add horizontal divider styles

1. As per Inky the <hr> should be added as <h-line> - fixed in docs
2. margin is not a list and just needs 1 value which should be applied to th which inky adds (not td)

diff --git a/docs/pages/typography.md b/docs/pages/typography.md
index b9514a5be66f2fc5fb685d9d44311a7f0ab40c90..e49be32b3308c22720c8abe22dacaa59ada0badd 100644 (file)
--- a/docs/pages/typography.md
+++ b/docs/pages/typography.md
@@ -69,5 +69,5 @@ Links are very standard, and the color is preset to the Foundation primary color
 Use dividers to define thematic breaks between paragraphs or sections of your email.
 
 ```html
-<hr/>
+<h-line></h-line>
 ```

diff --git a/scss/components/_typography.scss b/scss/components/_typography.scss
index 55731ef08821777b7b5e1f28b7365a5bbd661e74..3c0ccd34ad231abd9766d73f9160a73bd1723250 100755 (executable)
--- a/scss/components/_typography.scss
+++ b/scss/components/_typography.scss
@@ -163,7 +163,7 @@ $remove-ios-blue: true !default;
 /// @param {String} $width  - Width of divider
 /// @param {String} $border - Shorthand border style for divider
 /// @param {String} $margin - Margin above and below divider
-@mixin h-line($align: $hr-align, $width: $hr-width, $border: $hr-border, $margin: nth($hr-margin, 1)) {
+@mixin h-line($align: $hr-align, $width: $hr-width, $border: $hr-border, $margin: $hr-margin) {
   @at-root {
     td.columns & table,
     td.column  & table,
@@ -190,7 +190,7 @@ $remove-ios-blue: true !default;
       Margin: 0;
     }
 
-      td {
+      th {
         width: $width;
         height: 0;
         padding-top: $margin;