From d42d6f20fe7298c0198372189a1c0c8d9e12bd52 Mon Sep 17 00:00:00 2001
From: TJ <tilwinjoy@gmail.com>
Date: Sat, 7 May 2016 17:08:04 +0530
Subject: [PATCH] adding ripple support for radio without form group

---
 less/_radios.less | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/less/_radios.less b/less/_radios.less
index 53acad66..79b36cbf 100644
--- a/less/_radios.less
+++ b/less/_radios.less
@@ -57,11 +57,12 @@
     margin: 0;
     transform: scale3d(1.5, 1.5, 1);
   }
-  input[type=radio]:not(:checked) ~ .check:after {
+  
+  input[type=radio]:focus:not(:checked) ~ .check:after {
     animation: rippleOff 500ms;
   }
-  input[type=radio]:checked ~ .check:after {
-    animation: rippleOn;
+  input[type=radio]:focus:checked ~ .check:after {
+    animation: rippleOn 500ms;
   }
 
   input[type=radio] {
@@ -90,14 +91,14 @@
   }
 }
 
-// Prevent ripple effect on page load
-.is-focused {
+// Prevent ripple effect on page load - removed for supporting animation without .form-group
+/*.is-focused {
   .radio, label.radio-inline {
     input[type=radio]:checked ~ .check:after {
       animation: rippleOn 500ms;
     }
   }
-}
+}*/
 
 @keyframes rippleOn {
   0% {
@@ -110,7 +111,6 @@
     opacity: 0;
   }
 }
-
 @keyframes rippleOff {
   0% {
     opacity: 0;