From 4dd65f0b38b1bf6286e112c2ca8f91253f2e75ea Mon Sep 17 00:00:00 2001
From: Martijn Cuppens <martijn.cuppens@gmail.com>
Date: Sat, 19 May 2018 15:37:26 +0200
Subject: [PATCH] Custom forms transition

---
 scss/_custom-forms.scss | 9 +++++++++
 scss/_variables.scss    | 2 ++
 2 files changed, 11 insertions(+)

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;