X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=less%2Froojs-bootstrap%2Fcheckbox.less;h=6d66d901082b04832b69d2212f2b47e22d06d7b7;hb=651f848704e718f07988f402a4edc61346823f41;hp=31a6f377cb08dc220a5bbc1b82f72d7e2291aa19;hpb=e60cb1f087ba3ce8cb8d3bc5f6c0b6447fa2bf74;p=roojs1 diff --git a/less/roojs-bootstrap/checkbox.less b/less/roojs-bootstrap/checkbox.less index 31a6f377cb..6d66d90108 100644 --- a/less/roojs-bootstrap/checkbox.less +++ b/less/roojs-bootstrap/checkbox.less @@ -34,54 +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'; 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'; /* change the font - uses the filled one */ 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::before { - 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::before { - 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::before { - background-color: @brand-info; - border-color: @brand-info; } + color: @brand-danger; } + .checkbox-info input[type="checkbox"]:checked + label::after { - color: @body-bg; } + color: @brand-info; } -.checkbox-warning input[type="checkbox"]:checked + label::before { - 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::before { - 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.. */ @@ -182,4 +174,10 @@ .checkbox.checkbox-inline, .radio.radio-inline { margin-top: 0; -} \ No newline at end of file +} + +.form-group.checkbox { + padding-bottom:25px; + margin-top: 0; + +}