diff options
| author | Mark Otto <[email protected]> | 2016-05-08 13:33:05 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-05-08 13:33:05 -0700 |
| commit | d6412cddc8077c5078d67d551503cf9a7aaf903b (patch) | |
| tree | 0bc0a3ffe4e54588949e65b74df7837eb5c1c2b2 | |
| parent | adbb7bb7073fc379387b03f1594df1f534abd144 (diff) | |
| parent | 3003f530c93f219807856a0739c6e33fec31f1f3 (diff) | |
| download | bootstrap-d6412cddc8077c5078d67d551503cf9a7aaf903b.tar.xz bootstrap-d6412cddc8077c5078d67d551503cf9a7aaf903b.zip | |
Merge pull request #19236 from twbs/carousel-icon-width
Extract $carousel-icon-width variable
| -rw-r--r-- | scss/_carousel.scss | 10 | ||||
| -rw-r--r-- | scss/_variables.scss | 2 |
2 files changed, 7 insertions, 5 deletions
diff --git a/scss/_carousel.scss b/scss/_carousel.scss index 2ff886a39..9386983d1 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 82ef6f963..f3c442e80 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -792,6 +792,8 @@ $carousel-caption-width: 70% !default; $carousel-caption-sm-up-width: 60% !default; $carousel-caption-color: #fff !default; +$carousel-icon-width: 20px !default; + // Close |