From 3003f530c93f219807856a0739c6e33fec31f1f3 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Tue, 16 Feb 2016 20:46:52 -0800 Subject: [PATCH] Extract $carousel-icon-width variable [skip sauce] [skip validator] --- scss/_carousel.scss | 10 +++++----- scss/_variables.scss | 2 ++ 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/scss/_carousel.scss b/scss/_carousel.scss index af8c95c624..73f811cc39 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 2c48a70594..0e2f846525 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