diff options
| author | Mark Otto <[email protected]> | 2020-09-22 11:18:03 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2020-09-22 16:49:02 -0700 |
| commit | c0fe38364a8d5fb4678897d751857ea6cde6e5db (patch) | |
| tree | 5e0174084bd754f0c25b89b2bae3606d7d6f3045 | |
| parent | e838accbc4d4091cf99ee6186236f8d74b8d4dbc (diff) | |
| download | bootstrap-c0fe38364a8d5fb4678897d751857ea6cde6e5db.tar.xz bootstrap-c0fe38364a8d5fb4678897d751857ea6cde6e5db.zip | |
Add more variables, add a comment for the 3
| -rw-r--r-- | scss/_alert.scss | 2 | ||||
| -rw-r--r-- | scss/_close.scss | 2 | ||||
| -rw-r--r-- | scss/_variables.scss | 23 |
3 files changed, 15 insertions, 12 deletions
diff --git a/scss/_alert.scss b/scss/_alert.scss index 078aaaa68..d0536f339 100644 --- a/scss/_alert.scss +++ b/scss/_alert.scss @@ -27,7 +27,7 @@ // Expand the right padding and account for the close button's positioning. .alert-dismissible { - padding-right: $alert-padding-x * 3.5; + padding-right: $alert-dismissible-padding-r; // Adjust close link position .btn-close { diff --git a/scss/_close.scss b/scss/_close.scss index c80af1320..fd1971dbe 100644 --- a/scss/_close.scss +++ b/scss/_close.scss @@ -37,5 +37,5 @@ } .btn-close-white { - filter: invert(1) grayscale(100%) brightness(200%); + filter: $btn-close-white-filter; } diff --git a/scss/_variables.scss b/scss/_variables.scss index abd2d8d93..92045186d 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -1153,6 +1153,8 @@ $alert-bg-level: -10 !default; $alert-border-level: -9 !default; $alert-color-level: 6 !default; +$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side + // Progress bars @@ -1269,17 +1271,18 @@ $spinner-border-width-sm: .2em !default; // Close -$btn-close-width: 1em !default; -$btn-close-height: $btn-close-width !default; -$btn-close-padding-x: .25em !default; -$btn-close-padding-y: $btn-close-padding-x !default; -$btn-close-color: $black !default; -$btn-close-bg: url("data:image/svg+xml,<svg fill='#{$btn-close-color}' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>") !default; -$btn-close-focus-shadow: $input-btn-focus-box-shadow !default; -$btn-close-opacity: .5 !default; -$btn-close-hover-opacity: .75 !default; -$btn-close-focus-opacity: 1 !default; +$btn-close-width: 1em !default; +$btn-close-height: $btn-close-width !default; +$btn-close-padding-x: .25em !default; +$btn-close-padding-y: $btn-close-padding-x !default; +$btn-close-color: $black !default; +$btn-close-bg: url("data:image/svg+xml,<svg fill='#{$btn-close-color}' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>") !default; +$btn-close-focus-shadow: $input-btn-focus-box-shadow !default; +$btn-close-opacity: .5 !default; +$btn-close-hover-opacity: .75 !default; +$btn-close-focus-opacity: 1 !default; $btn-close-disabled-opacity: .25 !default; +$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default; // Code |