minor animation fix for radio buttons

lokesh-coder · Jul 20, 2016 · 4965c17 · 4965c17
1 parent 3d4eadd
commit 4965c17
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pretty-checkbox",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Scalable css3 pretty checkbox and radio buttons with custom font icon library",
   "main": "src/pretty.min.css",
   "dependencies": {},

diff --git a/src/pretty.css b/src/pretty.css
@@ -565,6 +565,20 @@ i[class*="ion-"] {
   transform: scale(0);
 }
 
+.pretty.smooth > input[type='radio']:checked ~ label > i.default:before {
+  -webkit-transform: scale(0.8);
+  -moz-transform: scale(0.8);
+  -o-transform: scale(0.8);
+  transform: scale(0.8);
+}
+
+.pretty.smooth > input[type='radio']:checked ~ label > i.default:after {
+  -webkit-transform: scale(1);
+  -moz-transform: scale(1);
+  -o-transform: scale(1);
+  transform: scale(1);
+}
+
 .pretty.smooth.toggle i:before {
   -webkit-transform: none;
   -moz-transform: none;