diff options
| author | Mark Otto <markd.otto@gmail.com> | 2020-09-24 23:16:20 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-09-24 23:16:20 +0300 |
| commit | f951be36a11a6ae96fc27d9caf3476f729016b1c (patch) | |
| tree | 4533034bff7436b26528b2fb1ea623c875e965f5 /scss/_carousel.scss | |
| parent | 979c66b6745638bfa896cd007125d35cef630194 (diff) | |
Carousel enhancements, including .carousel-dark (#31650)
* Replace existing carousel control icons with chevrons from Bootstrap Icons
* Add .carousel-dark variant
* Test
* Add variable for .carousel-dark filter
* Update _variables.scss
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Diffstat (limited to 'scss/_carousel.scss')
| -rw-r--r-- | scss/_carousel.scss | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/scss/_carousel.scss b/scss/_carousel.scss index 84ffd6cea1..ef77cbb618 100644 --- a/scss/_carousel.scss +++ b/scss/_carousel.scss @@ -193,3 +193,20 @@ color: $carousel-caption-color; text-align: center; } + +// Dark mode carousel + +.carousel-dark { + .carousel-control-prev-icon, + .carousel-control-next-icon { + filter: $carousel-dark-control-icon-filter; + } + + .carousel-indicators li { + background-color: $carousel-dark-indicator-active-bg; + } + + .carousel-caption { + color: $carousel-dark-caption-color; + } +} |