diff options
| author | Martijn Cuppens <[email protected]> | 2018-09-19 06:33:31 +0200 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2018-09-18 21:33:31 -0700 |
| commit | 7bd1bc243149c0e4602f872ab1613604de719e1d (patch) | |
| tree | 249bc8256eb9a02978f9237dc7c3df1905ab988f | |
| parent | 0bec1c889711823494d2821fa6e5841169df4797 (diff) | |
| download | bootstrap-7bd1bc243149c0e4602f872ab1613604de719e1d.tar.xz bootstrap-7bd1bc243149c0e4602f872ab1613604de719e1d.zip | |
Allow multiple ways of padding declaration for modal header (#26976)
* #26967: Allow multiple ways of padding declaration for modal header
* #26976: split vertical and horizontal modal padding
| -rw-r--r-- | scss/_modal.scss | 2 | ||||
| -rw-r--r-- | scss/_variables.scss | 4 |
2 files changed, 4 insertions, 2 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss index bc349ff8e..cc8d41ca1 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -108,7 +108,7 @@ .close { padding: $modal-header-padding; // auto on the left force icon to the right even when there is no .modal-title - margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto; + margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto; } } diff --git a/scss/_variables.scss b/scss/_variables.scss index 7b0d3a2f5..9ac52e3d3 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -854,7 +854,9 @@ $modal-header-border-color: $gray-200 !default; $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; -$modal-header-padding: 1rem !default; +$modal-header-padding-y: 1rem !default; +$modal-header-padding-x: 1rem !default; +$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility $modal-xl: 1140px !default; $modal-lg: 800px !default; |