adds default styles for hr styling

diff --git a/package.json b/package.json
index 2a141f8058653d598c138044175669744ba8daba..722bdf00930b10b1b8110354998a976d8f64dc18 100644 (file)
--- 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 d4950d363c81cd2351ce93f4586a2a6e36ddb4de..d68417a5ccda8fdf726c2190a6a25b066ce9ef98 100755 (executable)
--- 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