diff options
| author | Martijn Cuppens <[email protected]> | 2019-07-20 03:57:12 +0200 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2019-07-19 18:57:12 -0700 |
| commit | f6694b74405261ed454d409ea5251f08cdf6c51c (patch) | |
| tree | bb6a3e1f65d1bb8f568af58333ebf4528295100d /scss/forms | |
| parent | 28dfa54083eb8fb8c640ad6f218a39c2520c97fa (diff) | |
| download | bootstrap-f6694b74405261ed454d409ea5251f08cdf6c51c.tar.xz bootstrap-f6694b74405261ed454d409ea5251f08cdf6c51c.zip | |
Use escape-svg() function (#29077)
* Use escape-svg() function
* Update theming.md
Diffstat (limited to 'scss/forms')
| -rw-r--r-- | scss/forms/_form-check.scss | 12 | ||||
| -rw-r--r-- | scss/forms/_form-select.scss | 3 |
2 files changed, 7 insertions, 8 deletions
diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss index b309d2e70..b5dffa04e 100644 --- a/scss/forms/_form-check.scss +++ b/scss/forms/_form-check.scss @@ -46,17 +46,17 @@ border-color: $form-check-input-checked-border-color; &[type="checkbox"] { - background-image: $form-check-input-checked-bg-image; + background-image: escape-svg($form-check-input-checked-bg-image); } &[type="radio"] { - background-image: $form-check-radio-checked-bg-image; + background-image: escape-svg($form-check-radio-checked-bg-image); } } &[type="checkbox"]:indeterminate { background-color: $form-check-input-indeterminate-bg-color; - background-image: $form-check-input-indeterminate-bg-image; + background-image: escape-svg($form-check-input-indeterminate-bg-image); background-repeat: $form-check-input-indeterminate-bg-repeat; background-position: $form-check-input-indeterminate-bg-position; background-size: $form-check-input-indeterminate-bg-size; @@ -90,7 +90,7 @@ .form-check-input { width: $form-switch-width; margin-left: $form-switch-padding-left * -1; - background-image: $form-switch-bg-image; + background-image: escape-svg($form-switch-bg-image); background-repeat: no-repeat; background-position: left center; background-size: calc(#{$form-switch-height} - 2px); // Get a 1px separation @@ -100,11 +100,11 @@ // transition-property: $form-switch-transition-property; &:focus { - background-image: $form-switch-focus-bg-image; + background-image: escape-svg($form-switch-focus-bg-image); } &:checked { - background-image: $form-switch-checked-bg-image; + background-image: escape-svg($form-switch-checked-bg-image); background-position: $form-switch-checked-bg-position; } } diff --git a/scss/forms/_form-select.scss b/scss/forms/_form-select.scss index e0b69c04f..903c5517e 100644 --- a/scss/forms/_form-select.scss +++ b/scss/forms/_form-select.scss @@ -14,8 +14,7 @@ line-height: $form-select-line-height; color: $form-select-color; vertical-align: middle; - background: $form-select-background; - background-color: $form-select-bg; + background: $form-select-bg escape-svg($form-select-indicator) $form-select-background; border: $form-select-border-width solid $form-select-border-color; @include border-radius($form-select-border-radius, 0); @include box-shadow($form-select-box-shadow); |