From 8466d3955576d0d5117bb00f1fbdf5501c6398e9 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Thu, 28 Jan 2016 21:28:00 -0600 Subject: [PATCH] feat(checkbox): add bg transition to md checkbox --- ionic/components/checkbox/checkbox.md.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/ionic/components/checkbox/checkbox.md.scss b/ionic/components/checkbox/checkbox.md.scss index acafe3b47f..df3e5388d4 100644 --- a/ionic/components/checkbox/checkbox.md.scss +++ b/ionic/components/checkbox/checkbox.md.scss @@ -25,6 +25,9 @@ $checkbox-md-icon-border-radius: 2px !default; $checkbox-md-icon-border-color-off: darken($list-md-border-color, 40%) !default; $checkbox-md-icon-border-color-on: map-get($colors-md, primary) !default; +$checkbox-md-transition-duration: 280ms !default; +$checkbox-md-transition-easing: cubic-bezier(.4,0,.2,1) !default; + ion-checkbox { position: relative; @@ -44,6 +47,10 @@ ion-checkbox { border-style: $checkbox-md-icon-border-style; border-color: $checkbox-md-icon-border-color-off; background-color: $checkbox-md-icon-background-color-off; + + transition-property: background; + transition-duration: $checkbox-md-transition-duration; + transition-timing-function: $checkbox-md-transition-easing; }