From: Sébastien GRAVIER <illusionperdu@gmail.com>
Date: Tue, 29 Nov 2016 11:12:24 +0000 (+0100)
Subject: Use $callout-font-color-alt in _callout.scss
X-Git-Tag: v6.3-rc1~11^2^2^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d04ebcc21f16b2b3af528f58611ab68b55af92ec;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Use $callout-font-color-alt in _callout.scss

Resolve problem with font color in dark background and use  $callout-font-color-alt ;)
---

diff --git a/scss/components/_callout.scss b/scss/components/_callout.scss
index 37a202248..5a0842c41 100644
--- a/scss/components/_callout.scss
+++ b/scss/components/_callout.scss
@@ -51,8 +51,6 @@ $callout-link-tint: 30% !default;
   border: $callout-border;
   border-radius: $callout-radius;
 
-  color: $callout-font-color;
-
   // Respect the padding, fool.
   > :first-child {
     margin-top: 0;
@@ -69,6 +67,7 @@ $callout-link-tint: 30% !default;
   $background: scale-color($color, $lightness: $callout-background-fade);
 
   background-color: $background;
+  color: color-pick-contrast($background, ($callout-font-color, $callout-font-color-alt));
 }
 
 @mixin callout-size($padding) {