diff options
| author | Martijn Cuppens <[email protected]> | 2019-06-22 16:21:11 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2019-06-22 16:21:11 +0200 |
| commit | ac6eefd227374df0f4d7494e1119c66a443e502c (patch) | |
| tree | 774d3836f87934018e937395cb922929b4164894 | |
| parent | cbabd8ff0d7fd7490fa8afeda203b56702216628 (diff) | |
| download | bootstrap-ac6eefd227374df0f4d7494e1119c66a443e502c.tar.xz bootstrap-ac6eefd227374df0f4d7494e1119c66a443e502c.zip | |
Change invalid icon from cross to exclamation mark (#28944)
The cross icon was confusing since some browsers use it as a reset button.
| -rw-r--r-- | scss/_variables.scss | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/scss/_variables.scss b/scss/_variables.scss index 716b55136..9eea07d39 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -655,7 +655,7 @@ $form-feedback-invalid-color: theme-color("danger") !default; $form-feedback-icon-valid-color: $form-feedback-valid-color !default; $form-feedback-icon-valid: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), "#", "%23") !default; $form-feedback-icon-invalid-color: $form-feedback-invalid-color !default; -$form-feedback-icon-invalid: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"), "#", "%23") !default; +$form-feedback-icon-invalid: str-replace(url("data:image/svg+xml,%3csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' stroke='#{$form-feedback-icon-invalid-color}' fill='none'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='M5.8 3.6h.4L6 6.5z' stroke-linejoin='round'/%3e%3ccircle cx='6' cy='8.2' r='.1'/%3e%3c/svg%3e"), "#", "%23") !default; $form-validation-states: () !default; // stylelint-disable-next-line scss/dollar-variable-default |