fix(toggle): improve animation motion

ionic-team · Oct 11, 2018 · 5330574 · 5330574
1 parent a7fae3b
commit 5330574
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/core/src/components/toggle/toggle.md.scss b/core/src/components/toggle/toggle.md.scss
@@ -63,6 +63,7 @@
 
   transition-duration: $toggle-md-transition-duration;
   transition-property: transform, background-color;
+  transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
 
   background: var(--handle-background);
 

diff --git a/core/src/components/toggle/toggle.md.vars.scss b/core/src/components/toggle/toggle.md.vars.scss
@@ -53,7 +53,7 @@ $toggle-md-media-margin-bottom:                   $toggle-md-media-margin-top !d
 $toggle-md-media-margin-start:                    $toggle-md-media-margin-end !default;
 
 /// @prop - Transition duration of the toggle icon
-$toggle-md-transition-duration:                   300ms !default;
+$toggle-md-transition-duration:                   160ms !default;
 
 /// @prop - Opacity of the disabled toggle
 $toggle-md-disabled-opacity:                      .3 !default;