From: Chris Rebert Date: Wed, 17 Feb 2016 05:32:39 +0000 (-0800) Subject: Extract $carousel-caption{-sm-up}-width variables X-Git-Tag: v4.0.0-alpha.3~215^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=cbdb043ee372a269c32f11ce8f08074179a243e0;p=thirdparty%2Fbootstrap.git Extract $carousel-caption{-sm-up}-width variables [skip sauce] [skip validator] --- diff --git a/scss/_carousel.scss b/scss/_carousel.scss index d6c7eda014..06350ccd34 100644 --- a/scss/_carousel.scss +++ b/scss/_carousel.scss @@ -200,9 +200,9 @@ .carousel-caption { position: absolute; - right: 15%; + right: ((100% - $carousel-caption-width) / 2); bottom: 20px; - left: 15%; + left: ((100% - $carousel-caption-width) / 2); z-index: 10; padding-top: 20px; padding-bottom: 20px; @@ -240,8 +240,8 @@ // Show and left align the captions .carousel-caption { - right: 20%; - left: 20%; + right: ((100% - $carousel-caption-sm-up-width) / 2); + left: ((100% - $carousel-caption-sm-up-width) / 2); padding-bottom: 30px; } diff --git a/scss/_variables.scss b/scss/_variables.scss index c02af45f55..a27a5d16ba 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -769,6 +769,8 @@ $carousel-control-font-size: 20px !default; $carousel-indicator-active-bg: #fff !default; $carousel-indicator-border-color: #fff !default; +$carousel-caption-width: 70% !default; +$carousel-caption-sm-up-width: 60% !default; $carousel-caption-color: #fff !default;