mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-27 07:14:36 +02:00
Code Issues Releases Wiki Activity

trying out new validation styles

Browse Source
This commit is contained in:
Mark Otto
2017-06-01 08:06:17 -07:00
parent f13eb51940
commit 4a554e5ff5
3 changed files with 79 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
scss/_forms.scss
View File

@@ -255,11 +255,21 @@ select.form-control-lg {
background-size: ($input-height-inner / 2) ($input-height-inner / 2);
}
.form-control-validated,
.is-validated {
padding-right: ($input-btn-padding-x * 3);
background-repeat: no-repeat;
background-position: center right ($input-height-inner / 4);
background-size: ($input-height-inner / 2) ($input-height-inner / 2);
}
// Form validation states
.has-success {
@include form-control-validation($brand-success);
.form-control-success {
.form-control-success,
.form-control-validated,
.is-validated {
background-image: $form-icon-success;
}
}
@@ -267,7 +277,9 @@ select.form-control-lg {
.has-warning {
@include form-control-validation($brand-warning);
.form-control-warning {
.form-control-warning,
.form-control-validated,
.is-validated {
background-image: $form-icon-warning;
}
}
@@ -275,7 +287,9 @@ select.form-control-lg {
.has-danger {
@include form-control-validation($brand-danger);
.form-control-danger {
.form-control-danger,
.form-control-validated,
.is-validated {
background-image: $form-icon-danger;
}
}