diff options
| author | Chris Rebert <[email protected]> | 2016-02-16 21:32:39 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2016-02-16 21:45:16 -0800 |
| commit | cbdb043ee372a269c32f11ce8f08074179a243e0 (patch) | |
| tree | 5f2a4c99ba164b16597106d89800c345552a43aa /scss | |
| parent | 79c955f01921b8ab7b28c18406b01591e80d4703 (diff) | |
| download | bootstrap-cbdb043ee372a269c32f11ce8f08074179a243e0.tar.xz bootstrap-cbdb043ee372a269c32f11ce8f08074179a243e0.zip | |
Extract $carousel-caption{-sm-up}-width variables
[skip sauce]
[skip validator]
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_carousel.scss | 8 | ||||
| -rw-r--r-- | scss/_variables.scss | 2 |
2 files changed, 6 insertions, 4 deletions
diff --git a/scss/_carousel.scss b/scss/_carousel.scss index d6c7eda01..06350ccd3 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 c02af45f5..a27a5d16b 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; |