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;
--
GitLab