.input-checkbox {
display: none;
}
.checkbox-label {
display: inline-block;
cursor: pointer;
position: relative;
margin-left: 1rem;
padding-left: 3.6rem;
line-height: 2.6rem;
&:before {
content: "";
display: inline-block;
width: 2.6rem;
height: 2.6rem;
position: absolute;
left: 0;
bottom: 0.1rem;
border: 0.1rem solid $colour-grey;
margin-right: 1rem;
}
}
.input-checkbox:checked + label:before {
content: "\f00a";
font-family: 'HSBC Icons';
font-size: 1.4rem;
line-height: 2.4rem;
color: forestgreen;
text-align: center;
}
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.