From: Stadly <magnar@myrtveit.com>
Date: Wed, 7 Dec 2016 11:02:26 +0000 (+0100)
Subject: Remove margins from anchor elements
X-Git-Tag: v2.3.0~7^2~33^2^2~1
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d92912e9c1d757215990f40747923ef889b3319c;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

Remove margins from anchor elements

There is a bug in Outlook 2016 (and possibly other versions) that leads
to a `p` element losing its `margin` if there is an `a` element inside
the `p`, and the `a` element has css `margin` specified. `a` elements
are by default inline and without margins, so it shouldn't cause any
problems to solved the issue by just not specifying `margin` for `a`
elements.
---

diff --git a/scss/components/_typography.scss b/scss/components/_typography.scss
index 0e0d63a7..48c1d272 100755
--- a/scss/components/_typography.scss
+++ b/scss/components/_typography.scss
@@ -160,8 +160,7 @@ h5,
 h6,
 p,
 td,
-th,
-a {
+th {
   color: $global-font-color;
   font-family: $body-font-family;
   font-weight: $global-font-weight;
@@ -247,6 +246,11 @@ small {
 a {
   color: $anchor-color;
   text-decoration: $anchor-text-decoration;
+  font-family: $body-font-family;
+  font-weight: $global-font-weight;
+  padding: 0;
+  text-align: left;
+  line-height: $global-line-height;
 
   &:hover {
     color: $anchor-color-hover;