mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-17 02:54:01 +02:00
Code Issues Releases Wiki Activity

Drop transition on .form-check, keep on .form-switch

Browse Source 
To avoid breaking changes, turns -check-transition to null, then adds a new -switch-transition variable
This commit is contained in:
Mark Otto
2021-01-13 20:11:18 -08:00
committed by Mark Otto
parent a8aede0df1
commit 987715fd24
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
scss/_variables.scss
View File

@@ -692,11 +692,11 @@ $form-check-padding-start: $form-check-input-width + .5em !defaul
$form-check-margin-bottom: .125rem !default; $form-check-margin-bottom: .125rem !default;
$form-check-label-color: null !default; $form-check-label-color: null !default;
$form-check-label-cursor: null !default; $form-check-label-cursor: null !default;
$form-check-transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default; $form-check-transition: null !default;
$form-check-input-active-filter: brightness(90%) !default; $form-check-input-active-filter: brightness(90%) !default;
$form-check-input-bg: $body-bg !default; $form-check-input-bg: $input-bg !default;
$form-check-input-border: 1px solid rgba(0, 0, 0, .25) !default; $form-check-input-border: 1px solid rgba(0, 0, 0, .25) !default;
$form-check-input-border-radius: .25em !default; $form-check-input-border-radius: .25em !default;
$form-check-radio-border-radius: 50% !default; $form-check-radio-border-radius: 50% !default;
@@ -723,6 +723,7 @@ $form-switch-width: 2em !default;
$form-switch-padding-start: $form-switch-width + .5em !default; $form-switch-padding-start: $form-switch-width + .5em !default;
$form-switch-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>") !default; $form-switch-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>") !default;
$form-switch-border-radius: $form-switch-width !default; $form-switch-border-radius: $form-switch-width !default;
$form-switch-transition: background-position .15s ease-in-out !default;
$form-switch-focus-color: $input-focus-border-color !default; $form-switch-focus-color: $input-focus-border-color !default;
$form-switch-focus-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>") !default; $form-switch-focus-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>") !default;

1
scss/forms/_form-check.scss
View File

@@ -113,6 +113,7 @@
background-image: escape-svg($form-switch-bg-image); background-image: escape-svg($form-switch-bg-image);
background-position: left center; background-position: left center;
@include border-radius($form-switch-border-radius); @include border-radius($form-switch-border-radius);
@include transition($form-switch-transition);
&:focus { &:focus {
background-image: escape-svg($form-switch-focus-bg-image); background-image: escape-svg($form-switch-focus-bg-image);