diff options
| author | Martijn Cuppens <[email protected]> | 2018-05-19 15:37:26 +0200 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2018-05-23 01:38:12 +0300 |
| commit | 4dd65f0b38b1bf6286e112c2ca8f91253f2e75ea (patch) | |
| tree | ac8b1c06193e4ceb717edf30d6b73583c467f218 | |
| parent | c3da2c8f31ad37abb497abb7ff0263f549b57ae0 (diff) | |
| download | bootstrap-4dd65f0b38b1bf6286e112c2ca8f91253f2e75ea.tar.xz bootstrap-4dd65f0b38b1bf6286e112c2ca8f91253f2e75ea.zip | |
Custom forms transition
| -rw-r--r-- | scss/_custom-forms.scss | 9 | ||||
| -rw-r--r-- | scss/_variables.scss | 2 |
2 files changed, 11 insertions, 0 deletions
diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index cd75d8b44..de592a3dd 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -325,6 +325,7 @@ border: $custom-range-thumb-border; @include border-radius($custom-range-thumb-border-radius); @include box-shadow($custom-range-thumb-box-shadow); + @include transition($custom-forms-transition); appearance: none; &:focus { @@ -355,6 +356,7 @@ border: $custom-range-thumb-border; @include border-radius($custom-range-thumb-border-radius); @include box-shadow($custom-range-thumb-box-shadow); + @include transition($custom-forms-transition); appearance: none; &:focus { @@ -385,6 +387,7 @@ border: $custom-range-thumb-border; @include border-radius($custom-range-thumb-border-radius); @include box-shadow($custom-range-thumb-box-shadow); + @include transition($custom-forms-transition); appearance: none; &:focus { @@ -419,3 +422,9 @@ @include border-radius($custom-range-track-border-radius); } } + +.custom-control-label::before, +.custom-file-label, +.custom-select { + @include transition($custom-forms-transition); +} diff --git a/scss/_variables.scss b/scss/_variables.scss index 73451a090..be578ad8d 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -451,6 +451,8 @@ $input-group-addon-color: $input-color !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; +$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default; + $custom-control-gutter: 1.5rem !default; $custom-control-spacer-x: 1rem !default; |