diff options
| author | Mark Otto <[email protected]> | 2017-06-01 08:06:17 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-06-01 08:06:17 -0700 |
| commit | 4a554e5ff5fd8a2e82cfbea3f301049c0de48d2a (patch) | |
| tree | 956fbba11366b304a84282ca0e7715e671ee0c7f /scss/mixins | |
| parent | f13eb5194019b460eb01cdb251c81c76b2e7d5d0 (diff) | |
| download | bootstrap-4a554e5ff5fd8a2e82cfbea3f301049c0de48d2a.tar.xz bootstrap-4a554e5ff5fd8a2e82cfbea3f301049c0de48d2a.zip | |
trying out new validation styles
Diffstat (limited to 'scss/mixins')
| -rw-r--r-- | scss/mixins/_forms.scss | 46 |
1 files changed, 34 insertions, 12 deletions
diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss index 16f0080f2..38251332a 100644 --- a/scss/mixins/_forms.scss +++ b/scss/mixins/_forms.scss @@ -14,22 +14,44 @@ } // Set the border and box shadow on specific inputs to match - .form-control, - .custom-select, - .custom-file-control { - border-color: $color; + // .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)); + // } + // } - &: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)); + } } - } - // Set validation states also for addons - .input-group-addon { - color: $color; - background-color: lighten($color, 40%); - border-color: $color; + &.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 |