From 73fc0f094da9719077e110dc78d5cda8231064c2 Mon Sep 17 00:00:00 2001 From: Adam Date: Tue, 27 Jan 2015 20:58:29 +0000 Subject: [PATCH] Create variable for callout panel background --- scss/foundation/_settings.scss | 1 + scss/foundation/components/_panels.scss | 3 ++- 2 files changed, 3 insertions(+), 1 deletion(-) 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; } -- 2.47.2