From 68c3137fdaeadfaf1db9e935d264443ff716d16c Mon Sep 17 00:00:00 2001 From: Edward Date: Thu, 20 Sep 2018 16:33:45 +0800 Subject: [PATCH] less/roojs-bootstrap/checkbox.less --- less/roojs-bootstrap/checkbox.less | 30 +++++++++++++----------------- 1 file changed, 13 insertions(+), 17 deletions(-) diff --git a/less/roojs-bootstrap/checkbox.less b/less/roojs-bootstrap/checkbox.less index 7737fc2a9b..2f0f69ab5a 100644 --- 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 { -- 2.39.2