diff options
| -rw-r--r-- | scss/_carousel.scss | 11 | ||||
| -rw-r--r-- | scss/_variables.scss | 2 |
2 files changed, 8 insertions, 5 deletions
diff --git a/scss/_carousel.scss b/scss/_carousel.scss index d6c7eda01..2e06e70d1 100644 --- a/scss/_carousel.scss +++ b/scss/_carousel.scss @@ -171,8 +171,8 @@ li { display: inline-block; - width: 10px; - height: 10px; + width: $carousel-indicator-size; + height: $carousel-indicator-size; margin: 1px; text-indent: -999px; cursor: pointer; @@ -183,11 +183,12 @@ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer background-color: rgba(0,0,0,0); // IE9 border: 1px solid $carousel-indicator-border-color; - border-radius: 10px; + border-radius: $carousel-indicator-size; } + .active { - width: 12px; - height: 12px; + width: $carousel-indicator-active-size; + height: $carousel-indicator-active-size; margin: 0; background-color: $carousel-indicator-active-bg; } diff --git a/scss/_variables.scss b/scss/_variables.scss index 6352b602b..ae900181f 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -764,6 +764,8 @@ $carousel-control-sm-up-size: 30px !default; $carousel-control-opacity: .5 !default; $carousel-control-font-size: 20px !default; +$carousel-indicator-size: 10px !default; +$carousel-indicator-active-size: 12px !default; $carousel-indicator-active-bg: #fff !default; $carousel-indicator-border-color: #fff !default; |