From: Adam <adam@berrygrab.com>
Date: Tue, 27 Jan 2015 20:58:29 +0000 (+0000)
Subject: Create variable for callout panel background
X-Git-Tag: v5.5.2~139^2~1^2~2^2
X-Git-Url: http://git.ipfire.org/gitweb/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F6231%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Create variable for callout panel background
---

diff --git a/scss/foundation/_settings.scss b/scss/foundation/_settings.scss
index 5bd39da7b..a6bde5976 100644
--- a/scss/foundation/_settings.scss
+++ b/scss/foundation/_settings.scss
@@ -807,6 +807,7 @@
 // $panel-bg: scale-color(#fff, $lightness: -5%);
 // $panel-border-style: solid;
 // $panel-border-size: 1px;
+// $callout-panel-bg: scale-color($primary-color, $lightness: 94%);
 
 // We use this % to control how much we darken things on hover
 // $panel-function-factor: -11%;
diff --git a/scss/foundation/components/_panels.scss b/scss/foundation/components/_panels.scss
index 3ec426b92..6003cd5c5 100644
--- a/scss/foundation/components/_panels.scss
+++ b/scss/foundation/components/_panels.scss
@@ -13,6 +13,7 @@ $include-html-panel-classes: $include-html-classes !default;
 $panel-bg: scale-color(#fff, $lightness: -5%) !default;
 $panel-border-style: solid !default;
 $panel-border-size: 1px !default;
+$callout-panel-bg: scale-color($primary-color, $lightness: 94%) !default;
 
 // We use this % to control how much we darken things on hover
 $panel-function-factor: -11% !default;
@@ -74,7 +75,7 @@ $callout-panel-link-color: $primary-color !default;
     .panel { @include panel;
 
       &.callout {
-        @include panel(scale-color($primary-color, $lightness: 94%));
+        @include panel($callout-panel-bg);
         a:not(.button) {
           color: $callout-panel-link-color;
         }