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 37a2022486f15c7d4e1c550493c696b94b83faff..5a0842c41e2590f6a4a20b90c144214f919d9100 100644 (file)
--- 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) {