mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-11 18:02:28 +03:00
Code Activity

drop the old validation styles and docs

Browse Source
This commit is contained in:
Mark Otto
2017-06-06 11:27:29 -07:00
parent 4831076d6e
commit 6c214ad4c2
3 changed files with 0 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/_forms.scss
-62
View File
@@ -314,68 +314,6 @@ $form-feedback-invalid-color: $red !default;
}
}
// .is-validated .form-control:invalid {
// border-color: rgba(255,0,0,1);
// }
// .is-validated .form-control:invalid:focus {
// box-shadow: 0 0 0 .2rem rgba(255,0,0,.2);
// }
// .is-validated .form-control:invalid + .form-control-invalid-text {
// display: block;
// }
.form-control-feedback {
margin-top: $form-feedback-margin-top;
}
.form-control-success,
.form-control-warning,
.form-control-danger {
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-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-validated,
.is-validated {
background-image: $form-icon-success;
}
}
.has-warning {
@include form-control-validation($brand-warning);
.form-control-warning,
.form-control-validated,
.is-validated {
background-image: $form-icon-warning;
}
}
.has-danger {
@include form-control-validation($brand-danger);
.form-control-danger,
.form-control-validated,
.is-validated {
background-image: $form-icon-danger;
}
}
// Inline forms
//
scss/mixins/_forms.scss
-56
View File
@@ -1,59 +1,3 @@
// Form validation states
//
// Used in _forms.scss to generate the form validation CSS for warnings, errors,
// and successes.
@mixin form-control-validation($color) {
// Color the label and help text
.form-control-feedback,
.form-control-label,
.col-form-label,
.form-check-label,
.custom-control {
color: $color;
}
// Set the border and box shadow on specific inputs to match
// .form-control-validated,
// .is-validated,
// .custom-select,
// .custom-file-control {
// border-color: $color;
//
// &:focus {
// @include box-shadow($input-box-shadow, 0 0 0 3px rgba($color, .5));
// }
// }
.is-validated {
// Textual inputs
&.form-control,
&.custom-select,
&.custom-file-control {
border-color: $color;
&:focus {
@include box-shadow($input-box-shadow, 0 0 0 3px rgba($color, .5));
}
}
&.input-group {
.input-group-addon {
color: $color;
background-color: lighten($color, 40%);
border-color: $color;
}
}
}
// // Set validation states also for addons
// .input-group-addon {
// color: $color;
// background-color: lighten($color, 40%);
// border-color: $color;
// }
}
// Form control focus state
//
// Generate a customized focus state and for any input with the specified color,