rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

Custom forms transition

Browse Source
This commit is contained in:
Martijn Cuppens 2018-05-19 15:37:26 +02:00 committed by XhmikosR
parent c3da2c8f31
commit 4dd65f0b38
2 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
scss/_custom-forms.scss
View File

@ -325,6 +325,7 @@
border: $custom-range-thumb-border; border: $custom-range-thumb-border;
@include border-radius($custom-range-thumb-border-radius); @include border-radius($custom-range-thumb-border-radius);
@include box-shadow($custom-range-thumb-box-shadow); @include box-shadow($custom-range-thumb-box-shadow);
@include transition($custom-forms-transition);
appearance: none; appearance: none;
&:focus { &:focus {
@ -355,6 +356,7 @@
border: $custom-range-thumb-border; border: $custom-range-thumb-border;
@include border-radius($custom-range-thumb-border-radius); @include border-radius($custom-range-thumb-border-radius);
@include box-shadow($custom-range-thumb-box-shadow); @include box-shadow($custom-range-thumb-box-shadow);
@include transition($custom-forms-transition);
appearance: none; appearance: none;
&:focus { &:focus {
@ -385,6 +387,7 @@
border: $custom-range-thumb-border; border: $custom-range-thumb-border;
@include border-radius($custom-range-thumb-border-radius); @include border-radius($custom-range-thumb-border-radius);
@include box-shadow($custom-range-thumb-box-shadow); @include box-shadow($custom-range-thumb-box-shadow);
@include transition($custom-forms-transition);
appearance: none; appearance: none;
&:focus { &:focus {
@ -419,3 +422,9 @@
@include border-radius($custom-range-track-border-radius); @include border-radius($custom-range-track-border-radius);
} }
} }
.custom-control-label::before,
.custom-file-label,
.custom-select {
@include transition($custom-forms-transition);
}

2
scss/_variables.scss
View File

@ -451,6 +451,8 @@ $input-group-addon-color: $input-color !default;
$input-group-addon-bg: $gray-200 !default; $input-group-addon-bg: $gray-200 !default;
$input-group-addon-border-color: $input-border-color !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-gutter: 1.5rem !default;
$custom-control-spacer-x: 1rem !default; $custom-control-spacer-x: 1rem !default;