diff options
author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2018-05-19 16:37:26 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2018-05-23 01:38:12 +0300 |
commit | 4dd65f0b38b1bf6286e112c2ca8f91253f2e75ea (patch) | |
tree | ac8b1c06193e4ceb717edf30d6b73583c467f218 | |
parent | c3da2c8f31ad37abb497abb7ff0263f549b57ae0 (diff) |
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 cd75d8b447..de592a3ddc 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 73451a0908..be578ad8d2 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; |