aboutsummaryrefslogtreecommitdiff
path: root/scss
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2017-06-06 11:27:29 -0700
committerMark Otto <[email protected]>2017-06-06 11:27:29 -0700
commit6c214ad4c242fcd76fce820d68a7df865a59ee6c (patch)
tree954a3b5b60d5da5e2a2d3f0556b261d593c8b659 /scss
parent4831076d6ed0822d2261d85513bf76ce8c1e2eaa (diff)
downloadbootstrap-6c214ad4c242fcd76fce820d68a7df865a59ee6c.tar.xz
bootstrap-6c214ad4c242fcd76fce820d68a7df865a59ee6c.zip
drop the old validation styles and docs
Diffstat (limited to 'scss')
-rw-r--r--scss/_forms.scss62
-rw-r--r--scss/mixins/_forms.scss56
2 files changed, 0 insertions, 118 deletions
diff --git a/scss/_forms.scss b/scss/_forms.scss
index c49fc39de..788710ba4 100644
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -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
//
diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
index 38251332a..d35e18c01 100644
--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -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,