less/roojs-bootstrap/checkbox.less

diff --git a/less/roojs-bootstrap/checkbox.less b/less/roojs-bootstrap/checkbox.less
index 7737fc2..2f0f69a 100644 (file)
--- a/less/roojs-bootstrap/checkbox.less
+++ b/less/roojs-bootstrap/checkbox.less
@@ -14,20 +14,6 @@
     -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;
@@ -43,9 +29,19 @@
 .checkbox input[type="checkbox"] {
     display: none; }
 .checkbox input[type="checkbox"]:checked + label::after {
-    font-family: 'Font Awesome 5 Free';
-    font-weight: 900; 
-    content: "\f00c"; }
+    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"; }
+
 .checkbox input[type="checkbox"]:disabled + label {
     opacity: 0.65; }
 .checkbox input[type="checkbox"]:disabled + label::before {