From: Morten Christoffersen <mortenc@gmail.com>
Date: Tue, 10 Dec 2013 09:27:11 +0000 (+0100)
Subject: Antialiasing for Firefox (v25 and later) on Mac
X-Git-Tag: 5.0.3~71^2~31^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F3849%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Antialiasing for Firefox (v25 and later) on Mac

As of version 25 of Firefox, antialiasing is now available on Mac using the "-moz-osx-font-smoothing: grayscale;" property. This should be added to the .antialiased class.
---

diff --git a/scss/foundation/components/_global.scss b/scss/foundation/components/_global.scss
index ba1854228..dcdde09c6 100644
--- a/scss/foundation/components/_global.scss
+++ b/scss/foundation/components/_global.scss
@@ -364,8 +364,8 @@ $cursor-text-value: text !default;
     // Font smoothing
     // Antialiased font smoothing works best for light text on a dark background.
     // Apply to single elements instead of globally to body.
-    // Note this only applies to webkit-based desktop browsers on the Mac.
-    .antialiased { -webkit-font-smoothing: antialiased; }
+    // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.
+    .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
 
     // Get rid of gap under images by making them display: inline-block; by default
     img {