aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorChris Rebert <[email protected]>2016-02-16 20:46:52 -0800
committerChris Rebert <[email protected]>2016-02-16 20:46:52 -0800
commit3003f530c93f219807856a0739c6e33fec31f1f3 (patch)
tree09e8d81be0d185d100c41e1ecc369e11c4bd227c
parent4d62aa41c7a1e4b9dc315bcc3c342cf299e0986d (diff)
downloadbootstrap-3003f530c93f219807856a0739c6e33fec31f1f3.tar.xz
bootstrap-3003f530c93f219807856a0739c6e33fec31f1f3.zip
Extract $carousel-icon-width variable
[skip sauce] [skip validator]
-rw-r--r--scss/_carousel.scss10
-rw-r--r--scss/_variables.scss2
2 files changed, 7 insertions, 5 deletions
diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index af8c95c62..73f811cc3 100644
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -125,19 +125,19 @@
top: 50%;
z-index: 5;
display: inline-block;
- width: 20px;
- height: 20px;
- margin-top: -10px;
+ width: $carousel-icon-width;
+ height: $carousel-icon-width;
+ margin-top: -($carousel-icon-width / 2);
font-family: serif;
line-height: 1;
}
.icon-prev {
left: 50%;
- margin-left: -10px;
+ margin-left: -($carousel-icon-width / 2);
}
.icon-next {
right: 50%;
- margin-right: -10px;
+ margin-right: -($carousel-icon-width / 2);
}
.icon-prev {
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 2c48a7059..0e2f84652 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -768,6 +768,8 @@ $carousel-indicator-border-color: #fff !default;
$carousel-caption-color: #fff !default;
+$carousel-icon-width: 20px !default;
+
// Close