2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-27 14:46:01 +03:00

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
This commit is contained in:
Martijn Cuppens
2018-09-19 06:33:31 +02:00
committed by Mark Otto
parent 0bec1c8897
commit 7bd1bc2431
2 changed files with 4 additions and 2 deletions
+1 -1
View File
@@ -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;
}
}
+3 -1
View File
@@ -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;