From: Nicolas Coden Date: Mon, 4 Apr 2016 04:53:50 +0000 (+0200) Subject: Add dropdown background X-Git-Tag: v6.3-rc1~85^2 X-Git-Url: http://git.ipfire.org/gitweb/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F8518%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Add dropdown background Add `$dropdown-background` config to allow to customize dropdown background color. The default background value is the same (`$body-background`). --- diff --git a/scss/components/_dropdown.scss b/scss/components/_dropdown.scss index 771b5fd34..b41809f05 100644 --- a/scss/components/_dropdown.scss +++ b/scss/components/_dropdown.scss @@ -10,6 +10,10 @@ /// @type List $dropdown-padding: 1rem !default; +/// Background for dropdown panes. +/// @type Color +$dropdown-background: $body-background !default; + /// Border for dropdown panes. /// @type List $dropdown-border: 1px solid $medium-gray !default; @@ -36,7 +40,7 @@ $dropdown-sizes: ( /// Applies styles for a basic dropdown. @mixin dropdown-container { - background-color: $body-background; + background-color: $dropdown-background; border: $dropdown-border; border-radius: $dropdown-radius; display: block; diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss index df56c6a70..6733d4755 100644 --- a/scss/settings/_settings.scss +++ b/scss/settings/_settings.scss @@ -293,6 +293,7 @@ $drilldown-background: $white; // ------------ $dropdown-padding: 1rem; +$dropdown-background: $body-background; $dropdown-border: 1px solid $medium-gray; $dropdown-font-size: 1rem; $dropdown-width: 300px;