diff options
author | Mark Otto <markd.otto@gmail.com> | 2020-09-24 18:55:15 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-09-24 18:55:15 +0300 |
commit | 585b3ec5327a7876c1829b4bedca9ece381f3f78 (patch) | |
tree | d4fa2e3d487284cb0d9cdc71557760e9af7b3557 /scss/_dropdown.scss | |
parent | 43b4252a3487e419455f794e16d402a32d1ebe22 (diff) |
Add .dropdown-menu-dark (#30171)
* Add .dropdown-menu-dark
* Match background color to navbar dark
* Update docs to include a navbar example
* Update dropdowns.md
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Diffstat (limited to 'scss/_dropdown.scss')
-rw-r--r-- | scss/_dropdown.scss | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss index f87fc8eb91..fef1c9b663 100644 --- a/scss/_dropdown.scss +++ b/scss/_dropdown.scss @@ -193,3 +193,44 @@ padding: $dropdown-item-padding-y $dropdown-item-padding-x; color: $dropdown-link-color; } + +// Dark dropdowns +.dropdown-menu-dark { + color: $dropdown-dark-color; + background-color: $dropdown-dark-bg; + border-color: $dropdown-dark-border-color; + @include box-shadow($dropdown-dark-box-shadow); + + .dropdown-item { + color: $dropdown-dark-link-color; + + &:hover, + &:focus { + color: $dropdown-dark-link-hover-color; + @include gradient-bg($dropdown-dark-link-hover-bg); + } + + &.active, + &:active { + color: $dropdown-dark-link-active-color; + @include gradient-bg($dropdown-dark-link-active-bg); + } + + &.disabled, + &:disabled { + color: $dropdown-dark-link-disabled-color; + } + } + + .dropdown-divider { + border-color: $dropdown-dark-divider-bg; + } + + .dropdown-item-text { + color: $dropdown-dark-link-color; + } + + .dropdown-header { + color: $dropdown-dark-header-color; + } +} |