default checkbox CHECKED state updated

Author: lokesh-coder

.gitignore

@@ -0,0 +1 @@
+node_modules/

src/pretty.css

@@ -149,6 +149,7 @@
   color: transparent;
   position: relative;
   z-index: 999;
+  left: -1px;
 }
 
 .pretty i:after {
@@ -166,6 +167,22 @@
   color: inherit;
 }
 
+.pretty > input[type='radio'] + label > i.default:before {
+  content: '\0000';
+  border-radius: 2px;
+  -webkit-transform: scale(0.8);
+  -moz-transform: scale(0.8);
+  -o-transform: scale(0.8);
+  transform: scale(0.8);
+  color: transparent;
+  background: transparent;
+  left: 0;
+}
+
+.pretty > input[type='radio']:checked + label > i.default:before {
+  background: #aaa;
+}
+
 .pretty > input[type='checkbox'][disabled],
 .pretty > input[type='radio'][disabled] {
   cursor: not-allowed;
@@ -207,6 +224,10 @@
   border-radius: 100px;
 }
 
+.pretty.circle label i.default:before {
+  border-radius: 100px !important;
+}
+
 .pretty.primary input:checked + label i:before {
   color: #fff;
 }
@@ -216,6 +237,16 @@
   border-color: #428bca;
 }
 
+.pretty.primary input[type='radio']:checked + label i.default:before {
+  background-color: #428bca;
+  color: transparent;
+}
+
+.pretty.primary input[type='radio']:checked + label i.default:after {
+  background-color: initial;
+  border-color: #428bca;
+}
+
 .pretty.primary.smooth input:checked ~ label i:after {
   -webkit-transform: scale(1) !important;
   -moz-transform: scale(1) !important;
@@ -260,6 +291,16 @@
   border-color: #5cb85c;
 }
 
+.pretty.success input[type='radio']:checked + label i.default:before {
+  background-color: #5cb85c;
+  color: transparent;
+}
+
+.pretty.success input[type='radio']:checked + label i.default:after {
+  background-color: initial;
+  border-color: #5cb85c;
+}
+
 .pretty.success.smooth input:checked ~ label i:after {
   -webkit-transform: scale(1) !important;
   -moz-transform: scale(1) !important;
@@ -304,6 +345,16 @@
   border-color: #5bc0de;
 }
 
+.pretty.info input[type='radio']:checked + label i.default:before {
+  background-color: #5bc0de;
+  color: transparent;
+}
+
+.pretty.info input[type='radio']:checked + label i.default:after {
+  background-color: initial;
+  border-color: #5bc0de;
+}
+
 .pretty.info.smooth input:checked ~ label i:after {
   -webkit-transform: scale(1) !important;
   -moz-transform: scale(1) !important;
@@ -348,6 +399,16 @@
   border-color: #f0ad4e;
 }
 
+.pretty.warning input[type='radio']:checked + label i.default:before {
+  background-color: #f0ad4e;
+  color: transparent;
+}
+
+.pretty.warning input[type='radio']:checked + label i.default:after {
+  background-color: initial;
+  border-color: #f0ad4e;
+}
+
 .pretty.warning.smooth input:checked ~ label i:after {
   -webkit-transform: scale(1) !important;
   -moz-transform: scale(1) !important;
@@ -392,6 +453,16 @@
   border-color: #d9534f;
 }
 
+.pretty.danger input[type='radio']:checked + label i.default:before {
+  background-color: #d9534f;
+  color: transparent;
+}
+
+.pretty.danger input[type='radio']:checked + label i.default:after {
+  background-color: initial;
+  border-color: #d9534f;
+}
+
 .pretty.danger.smooth input:checked ~ label i:after {
   -webkit-transform: scale(1) !important;
   -moz-transform: scale(1) !important;