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