From e68fa49cfc6da0ee46c5b8cd02e82d56e36e628b Mon Sep 17 00:00:00 2001
From: Jay Sitter <jsitter@mit.edu>
Date: Wed, 18 Jan 2017 16:54:00 -0500
Subject: [PATCH] Fix margin around <hr>s (#647); make <hr>s 0-height (#648);
 make <hr>s obey -width (#678); Make <hr>s obey -margin in Outlook 2007/10/13
 (#682)

---
 scss/components/_typography.scss | 35 ++++++++++++++++++++++----------
 1 file changed, 24 insertions(+), 11 deletions(-)

diff --git a/scss/components/_typography.scss b/scss/components/_typography.scss
index b48d8b85..8ef5ea70 100755
--- a/scss/components/_typography.scss
+++ b/scss/components/_typography.scss
@@ -124,7 +124,7 @@ $hr-border: 1px solid $black !default;
 
 /// Default margin for a divider.
 /// @type Number | List
-$hr-margin: 20px auto !default;
+$hr-margin: 20px !default;
 
 /// Text decoration for anchors.
 /// @type Keyword
@@ -308,20 +308,33 @@ pre {
 }
 
 // Horizontal rule
-table.hr {
+table.hr,
+table.h-line {
   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;
+    padding-bottom: $hr-margin;
+    text-align: center;
   }
+
+    table {
+      width: 100%;
+      max-width: $hr-width;
+      margin: 0 auto;
+    }
+
+    td {
+      height: 0;
+      width: $hr-width;
+      padding-top: $hr-margin;
+      font-size: 0;
+      line-height: 0;
+      border-top: 0;
+      border-right: 0;
+      border-bottom: $hr-border;
+      border-left: 0;
+      clear: both;
+    }
 }
 
 // Use to style a large number to display a statistic
-- 
2.47.2