Checkbox
CODE
×
HTML
<div class='form-check mb-3 checkbox'> <input type=checkbox value='' class='form-check-input' id='flexCheck-1'> <label class='form-check-label' for='flexCheck-1'>Name of form element</label> </div>
CSS
input[type=checkbox].form-check-input { border-top-left-radius: var(--br2-1); border-top-right-radius: var(--br2-2); border-bottom-left-radius: var(--br2-3); border-bottom-right-radius: var(--br2-4); border-color: var(--lc5); margin-top: 0px; } label { font-family: var(--body-font-1); font-style: var(--body-font-2); font-weight: var(--body-font-3); font-size: var(--fs-s); line-height: var(--lh-s); color: var(--fc2); } label.form-check-label { font-family: var(--body-font-1); font-style: var(--body-font-2); font-weight: var(--body-font-3); font-size: var(--fs-xs); line-height: var(--lh-s); color: var(--fc2); margin-left: 10px; }
JS
Checkbox
Last Edit: Aug 18, 2023, 8:58am
×
Name of form element