diff options
| author | Mark Otto <[email protected]> | 2017-06-06 11:27:29 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-06-06 11:27:29 -0700 |
| commit | 6c214ad4c242fcd76fce820d68a7df865a59ee6c (patch) | |
| tree | 954a3b5b60d5da5e2a2d3f0556b261d593c8b659 /scss | |
| parent | 4831076d6ed0822d2261d85513bf76ce8c1e2eaa (diff) | |
| download | bootstrap-6c214ad4c242fcd76fce820d68a7df865a59ee6c.tar.xz bootstrap-6c214ad4c242fcd76fce820d68a7df865a59ee6c.zip | |
drop the old validation styles and docs
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_forms.scss | 62 | ||||
| -rw-r--r-- | scss/mixins/_forms.scss | 56 |
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, |
