CSS3-SASS checkbox

.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.