X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=less%2Froojs-bootstrap%2Fcheckbox.less;h=477821fe5e86125dc7ab2b11f902652e8c9dbe79;hb=5072f2fc3586a64b6e3d514a52f807625aef53ac;hp=e167aaff9192a739367805244141de5d8f925ea6;hpb=c67d22ee674cbff9c6bee36c1af870e134af451d;p=roojs1

diff --git a/less/roojs-bootstrap/checkbox.less b/less/roojs-bootstrap/checkbox.less
index e167aaff91..477821fe5e 100644
--- a/less/roojs-bootstrap/checkbox.less
+++ b/less/roojs-bootstrap/checkbox.less
@@ -34,58 +34,46 @@
 .checkbox input[type="checkbox"]:checked + label::after {
     font-size: 18px;
     padding-top: 0px;
-    font-family: 'Font Awesome 5 Free 400';
+    font-family: 'Font Awesome 5 Free'; /* change the font - uses the filled one */
     font-weight: 900;
     color: @brand-success;
     content: "\f14a"; }
 .checkbox input[type="checkbox"]:not(:checked) + label::after {
     font-size: 18px;
     padding-top: 0px;
-    font-family: 'Font Awesome 5 Free 400';
+    font-family: 'Font Awesome 5 Free 400';  
     font-weight: 900;
     content: "\f0c8"; }
 
 .checkbox input[type="checkbox"]:disabled + label {
     opacity: 0.65; }
-.checkbox input[type="checkbox"]:disabled + label::before {
-    background-color: @gray-lighter;
-    cursor: not-allowed; }
+    
+.checkbox input[type="checkbox"]:disabled + label::after {
+    color: @gray-lighter;
+    cursor: not-allowed;
+}
+    
 .checkbox.checkbox-circle label::before {
     border-radius: 50%; }
 
+ 
 .checkbox-primary input[type="checkbox"]:checked + label::after {
-    background-color: @brand-primary;
-    border-color: @brand-primary; }
-.checkbox-primary input[type="checkbox"]:checked + label::after {
-    color: @body-bg; }
+    color: @brand-primary; }
 
+ 
 .checkbox-danger input[type="checkbox"]:checked + label::after {
-    background-color: @brand-danger;
-    border-color: @brand-danger; }
-.checkbox-danger input[type="checkbox"]:checked + label::after {
-    color: @body-bg; }
-
-.checkbox-info input[type="checkbox"]:checked + label::after
-{
-    background-color: @brand-info;
-    border-color: @brand-info;
-}
-.checkbox-info input[type="checkbox"]:checked + label::after
-{
-    color: @body-bg;
-}
+    color:  @brand-danger; }
+ 
+.checkbox-info input[type="checkbox"]:checked + label::after {
+    color:  @brand-info; }
 
+ 
 .checkbox-warning input[type="checkbox"]:checked + label::after {
-    background-color: @brand-warning;
-    border-color: @brand-warning; }
-.checkbox-warning input[type="checkbox"]:checked + label::after {
-    color: @body-bg; }
+    color: @brand-warning; }
 
+ 
 .checkbox-success input[type="checkbox"]:checked + label::after {
-    background-color: @brand-success;
-    border-color: @brand-success; }
-.checkbox-success input[type="checkbox"]:checked + label::after {
-    color: @body-bg; }
+    color:  @brand-success;}
 
 /* before is the outer cicle */    
 /* after is the inner circle.. */
@@ -142,19 +130,19 @@
 }
 .radio input[type="radio"]:disabled + label {
     opacity: 0.65; }
-.radio input[type="radio"]:disabled + label::after {
+.radio input[type="radio"]:disabled + label::before {
     cursor: not-allowed; }
 
 .radio-primary input[type="radio"] + label::after {
     background-color: @body-bg; }
-.radio-primary input[type="radio"]:checked + label::after {
+.radio-primary input[type="radio"]:checked + label::before {
     border-color: @brand-primary; }
 .radio-primary input[type="radio"]:checked + label::after {
     background-color: @brand-primary; }
 
 .radio-danger input[type="radio"] + label::after {
     background-color: @brand-danger; }
-.radio-danger input[type="radio"]:checked + label::after {
+.radio-danger input[type="radio"]:checked + label::before {
     border-color: @brand-danger; }
 .radio-danger input[type="radio"]:checked + label::after {
     background-color: @brand-danger; }
@@ -164,21 +152,21 @@
 .radio-info input[type="radio"] + label::after {
     background-color: @body-bg;
 }
-.radio-info input[type="radio"]:checked + label::after {
+.radio-info input[type="radio"]:checked + label::before {
     border-color: @brand-info; }
 .radio-info input[type="radio"]:checked + label::after {
     background-color: @brand-info; }
 
 .radio-warning input[type="radio"] + label::after {
     background-color: @body-bg; }
-.radio-warning input[type="radio"]:checked + label::after {
+.radio-warning input[type="radio"]:checked + label::before {
     border-color: @brand-warning; }
 .radio-warning input[type="radio"]:checked + label::after {
     background-color: @brand-warning; }
 
 .radio-success input[type="radio"] + label::after {
     background-color: @body-bg; }
-.radio-success input[type="radio"]:checked + label::after {
+.radio-success input[type="radio"]:checked + label::before {
     border-color: @brand-success; }
 .radio-success input[type="radio"]:checked + label::after {
     background-color: @brand-success; }