diff --git a/scss/_carousel.scss b/scss/_carousel.scss index 020604e335..5e413cc701 100644 --- a/scss/_carousel.scss +++ b/scss/_carousel.scss @@ -188,10 +188,10 @@ .carousel-caption { position: absolute; right: (100% - $carousel-caption-width) / 2; - bottom: 20px; + bottom: $carousel-caption-spacer; left: (100% - $carousel-caption-width) / 2; - padding-top: 20px; - padding-bottom: 20px; + padding-top: $carousel-caption-padding-y; + padding-bottom: $carousel-caption-padding-y; color: $carousel-caption-color; text-align: center; } diff --git a/scss/_variables.scss b/scss/_variables.scss index 56bf0f1765..a6dc69aa83 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -1080,6 +1080,8 @@ $carousel-indicator-transition: opacity .6s ease !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; +$carousel-caption-padding-y: 1.25rem !default; +$carousel-caption-spacer: 1.25rem !default; $carousel-control-icon-width: 20px !default;