From f841befd080ab712c2a82c25b8d169761d109067 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Mon, 11 Apr 2016 14:25:05 -0400 Subject: [PATCH] feat(toggle): add animation for windows mode toggle closes #5981 --- ionic/components/toggle/toggle.wp.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/ionic/components/toggle/toggle.wp.scss b/ionic/components/toggle/toggle.wp.scss index 823fa834ae..df3d3e5aab 100644 --- a/ionic/components/toggle/toggle.wp.scss +++ b/ionic/components/toggle/toggle.wp.scss @@ -26,6 +26,8 @@ $toggle-wp-handle-border-radius: 50% !default; $toggle-wp-media-margin: 0 !default; $toggle-wp-media-padding: 12px ($item-wp-padding-right / 2) 12px $item-wp-padding-left !default; +$toggle-wp-transition-duration: 300ms !default; + $toggle-wp-disabled-opacity: .3 !default; @@ -68,6 +70,9 @@ ion-toggle { border-radius: $toggle-wp-handle-border-radius; background-color: $toggle-wp-handle-background-color-off; + + transition-duration: $toggle-wp-transition-duration; + transition-property: transform, background-color; }