From: Sergej Lotz <blondewalker@gmail.com>
Date: Wed, 26 Feb 2014 19:34:34 +0000 (+0100)
Subject: Replace the <hr> margin difference with its width
X-Git-Tag: v5.2.1~5^2~12^2~20^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F4549%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Replace the <hr> margin difference with its width

By default the bottom margin of the <hr> tag is 1px smaller than the top margin. This results through the default $hr-border-width: 1px; setting. If you change $hr-border-width to another value the margin-bottom still remains the same. This fix resolves this issue, so the bottom margin respond to the $hr-border-width value.
---

diff --git a/scss/foundation/components/_type.scss b/scss/foundation/components/_type.scss
index 2afb60770..4842b77b7 100755
--- a/scss/foundation/components/_type.scss
+++ b/scss/foundation/components/_type.scss
@@ -291,7 +291,7 @@ $microformat-abbr-font-decoration: none !default;
       border: $hr-border-style $hr-border-color;
       border-width: $hr-border-width 0 0;
       clear: both;
-      margin: $hr-margin 0 ($hr-margin - rem-calc(1));
+      margin: $hr-margin 0 ($hr-margin - em-calc(strip-unit($hr-border-width)));
       height: 0;
     }