Carousel variables (#29493)

diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index 020604e335cc71d273083ab0e360f52aeae9a6a3..5e413cc701cd9e157c2f45fbfb8ed879f9288c21 100644 (file)
--- 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 56bf0f1765ca8c67cd7fc9684dfac7ef5a2ae23a..a6dc69aa83f9550b865a6054497d2b321a326b0d 100644 (file)
--- 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;