diff options
| author | Martijn Cuppens <[email protected]> | 2019-06-22 16:21:11 +0200 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2019-07-10 11:03:54 +0300 |
| commit | c121778b4935cf6cec8dccf8b60c4ac600890e47 (patch) | |
| tree | b969d6aed5aa700645e7bd49c0e9a805d11867cf | |
| parent | 4376d92ea783f991d1059428fea51183f77157f1 (diff) | |
| download | bootstrap-c121778b4935cf6cec8dccf8b60c4ac600890e47.tar.xz bootstrap-c121778b4935cf6cec8dccf8b60c4ac600890e47.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 ece638656..338c0711f 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -653,7 +653,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' width='8' height='8' 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}' width='9' height='9' 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 |