.checkbox input[type="checkbox"]:checked + label::after {
font-size: 18px;
padding-top: 0px;
- font-family: 'Font Awesome 5 Free';
+ font-family: 'Font Awesome 5 Free'; /* change the font - uses the filled one */
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'; /* change the font - uses the filled one */
+ font-family: 'Font Awesome 5 Free 400';
font-weight: 900;
content: "\f0c8"; }