From: Jay Sitter <jsitter@mit.edu>
Date: Wed, 18 Jan 2017 21:54:00 +0000 (-0500)
Subject: Fix margin around <hr>s (#647); make <hr>s 0-height (#648); make <hr>s obey -width... 
X-Git-Tag: v2.3.0~7^2~25^2~1
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e68fa49cfc6da0ee46c5b8cd02e82d56e36e628b;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

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)
---

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