From 8d4dfaa3783b8357fd8c330d9044cba8e373dee6 Mon Sep 17 00:00:00 2001
From: piensaenpixel <piensaenpixel@gmail.com>
Date: Mon, 20 Jun 2016 11:50:42 +0200
Subject: [PATCH] add transitions

---
 src/scss/cdb-components/forms/checkbox.scss | 3 +++
 src/scss/cdb-components/forms/radio.scss    | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/src/scss/cdb-components/forms/checkbox.scss b/src/scss/cdb-components/forms/checkbox.scss
index cd07cac..8774a75 100644
--- a/src/scss/cdb-components/forms/checkbox.scss
+++ b/src/scss/cdb-components/forms/checkbox.scss
@@ -22,6 +22,8 @@
 
 @import '../../cdb-variables/sizes';
 @import '../../cdb-variables/colors';
+@import '../../cdb-utilities/mixins';
+
 
 .CDB-Checkbox {
   position: absolute;
@@ -67,6 +69,7 @@
 }
 
 .CDB-Checkbox:checked + .CDB-Checkbox-face {
+  @include transition(background, 300ms);
   border: 1px solid $cBlue;
   background: $cBlue;
 
diff --git a/src/scss/cdb-components/forms/radio.scss b/src/scss/cdb-components/forms/radio.scss
index 0c04d3d..badfed2 100644
--- a/src/scss/cdb-components/forms/radio.scss
+++ b/src/scss/cdb-components/forms/radio.scss
@@ -23,6 +23,8 @@
 
 @import '../../cdb-variables/sizes';
 @import '../../cdb-variables/colors';
+@import '../../cdb-utilities/mixins';
+
 
 .CDB-Radio {
   position: absolute;
@@ -59,6 +61,7 @@
 }
 
 .CDB-Radio:checked + .CDB-Radio-face {
+  @include transition(background, 300ms);
   border: 1px solid $cBlue;
   background: $cBlue;