From: RafiBomb <rafi@zurb.com>
Date: Wed, 29 Jun 2016 16:11:02 +0000 (-0700)
Subject: adds default styles for hr styling
X-Git-Tag: v2.2.0~3
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=29b923df3ea645b97190c49b6b9b37800c14e4e2;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

adds default styles for hr styling
---

diff --git a/package.json b/package.json
index 2a141f80..722bdf00 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,7 @@
     "gulp-sourcemaps": "^1.6.0",
     "gulp-wrap": "^0.11.0",
     "gulp-zip": "^3.2.0",
-    "inky": "zurb/inky#fix-character-escaping",
+    "inky": "zurb/inky#brandonbarringer-hr",
     "lazypipe": "^1.0.1",
     "motion-ui": "^1.1.1",
     "multiline": "^1.0.2",
diff --git a/scss/components/_typography.scss b/scss/components/_typography.scss
index d4950d36..d68417a5 100755
--- a/scss/components/_typography.scss
+++ b/scss/components/_typography.scss
@@ -120,7 +120,7 @@ $hr-width: $global-width !default;
 
 /// Default border for a divider.
 /// @type List
-$hr-border: 1px solid $medium-gray !default;
+$hr-border: 1px solid $black !default;
 
 /// Default margin for a divider.
 /// @type Number | List
@@ -297,17 +297,20 @@ pre {
 }
 
 // Horizontal rule
-
-hr {
-  max-width: $hr-width;
-  height: 0;
-  border-right: 0;
-  border-top: 0;
-  border-bottom: $hr-border;
-  border-left: 0;
-  margin: $hr-margin;
-  Margin: $hr-margin;
-  clear: both;
+table.hr {
+  width: 100%;
+  
+  th {
+    height: 0;
+    max-width: $hr-width;
+    border-top: 0;
+    border-right: 0;
+    border-bottom: $hr-border;
+    border-left: 0;
+    margin: $hr-margin;
+    Margin: $hr-margin;
+    clear: both;
+  }
 }
 
 // Use to style a large number to display a statistic
@@ -327,12 +330,10 @@ span.preheader {
   visibility: hidden;
   mso-hide: all !important;
   font-size: 1px;
-  color: $body-background; // needs to match background color
+  color: $body-background; // needs to match background color of it's container
   line-height: 1px;
   max-height: 0px;
   max-width: 0px;
   opacity: 0;
   overflow: hidden;
-}
-
-
+}
\ No newline at end of file