less/roojs-bootstrap/checkbox.less

diff --git a/less/roojs-bootstrap/checkbox.less b/less/roojs-bootstrap/checkbox.less
index 2f0f69a..7737fc2 100644 (file)
--- a/less/roojs-bootstrap/checkbox.less
+++ b/less/roojs-bootstrap/checkbox.less
@@ -14,6 +14,20 @@
     -ms-user-select: none;
     user-select: none;
 }
+.checkbox label::before {
+    content: "";
+    display: inline-block;
+    position: absolute;
+    width: 17px;
+    height: 17px;
+    left: 0;
+    margin-left: -20px;
+    border: 1px solid @gray-light;
+    border-radius: 3px;
+    background-color: @body-bg;
+    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
+    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
+    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
 .checkbox label::after {
     display: inline-block;
     position: absolute;
@@ -29,19 +43,9 @@
 .checkbox input[type="checkbox"] {
     display: none; }
 .checkbox input[type="checkbox"]:checked + label::after {
-    font-size: 18px;
-    padding-top: 0px;
-    font-family: 'Font Awesome 5 Free 400';
-    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-weight: 900;
-    content: "\f0c8"; }
-
+    font-family: 'Font Awesome 5 Free';
+    font-weight: 900; 
+    content: "\f00c"; }
 .checkbox input[type="checkbox"]:disabled + label {
     opacity: 0.65; }
 .checkbox input[type="checkbox"]:disabled + label::before {