diff options
| author | Adam Kolinski <akolinski@users.noreply.github.com> | 2018-03-04 00:06:54 +0300 |
|---|---|---|
| committer | Mark Otto <markd.otto@gmail.com> | 2018-03-04 00:06:54 +0300 |
| commit | 49d0a4e99cafb1313a6b1f8fa23ed71f3de197f7 (patch) | |
| tree | df6bb07bf6c04daf5f0529286e362fe3e4e76bfe | |
| parent | ae1a068d02adc651d61bec8844aa246f4f3e275a (diff) | |
Adding a variable to handle the change of a modals border-radius. (#25691)
| -rw-r--r-- | scss/_modal.scss | 4 | ||||
| -rw-r--r-- | scss/_variables.scss | 1 |
2 files changed, 3 insertions, 2 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss index edda836636..fea8112371 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -67,7 +67,7 @@ background-color: $modal-content-bg; background-clip: padding-box; border: $modal-content-border-width solid $modal-content-border-color; - @include border-radius($border-radius-lg); + @include border-radius($modal-content-border-radius); @include box-shadow($modal-content-box-shadow-xs); // Remove focus outline from opened modal outline: 0; @@ -96,7 +96,7 @@ justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends padding: $modal-header-padding; border-bottom: $modal-header-border-width solid $modal-header-border-color; - @include border-top-radius($border-radius-lg); + @include border-top-radius($modal-content-border-radius); .close { padding: $modal-header-padding; diff --git a/scss/_variables.scss b/scss/_variables.scss index 11f3255307..b43a8d41c6 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -769,6 +769,7 @@ $modal-title-line-height: $line-height-base !default; $modal-content-bg: $white !default; $modal-content-border-color: rgba($black, .2) !default; $modal-content-border-width: $border-width !default; +$modal-content-border-radius: $border-radius-lg !default; $modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default; $modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default; |