<fieldset class="fieldset-clean">
    <div class="fieldset-inner">

        <div class="legend-wrap">
            <legend>May be created by</legend>
        </div>

        <div class="checkbox-group">

            <div class="checkbox-single">
                <label for="subpage_roles_0" class="">Everyone</label>
                <div class="form-entry">
                    <input type="checkbox" id="subpage_roles_0" name="subpage_roles[]" value="*">
                </div>
            </div>

            <div class="checkbox-single">
                <label for="subpage_roles_1" class="">Admin</label>
                <div class="form-entry"><input type="checkbox" id="subpage_roles_1" name="subpage_roles[]" value="2" checked disabled></div>
            </div>

            <div class="checkbox-single">
                <label for="subpage_roles_2" class="">Editor</label>
                <div class="form-entry"><input type="checkbox" id="subpage_roles_2" name="subpage_roles[]" value="1"></div>
            </div>
        </div>

    </div>

</fieldset>
<fieldset class="fieldset-clean">
	<div class="fieldset-inner">

		<div class="legend-wrap">
            <legend>May be created by</legend>
        </div>

        <div class="checkbox-group">

			<div class="checkbox-single">
				<label for="subpage_roles_0" class="">Everyone</label>
				<div class="form-entry">
					<input type="checkbox" id="subpage_roles_0" name="subpage_roles[]" value="*">
				</div>
			</div>

			<div class="checkbox-single">
				<label for="subpage_roles_1" class="">Admin</label>
				<div class="form-entry"><input type="checkbox" id="subpage_roles_1" name="subpage_roles[]" value="2" checked disabled></div>
			</div>

			<div class="checkbox-single">
				<label for="subpage_roles_2" class="">Editor</label>
				<div class="form-entry"><input type="checkbox" id="subpage_roles_2" name="subpage_roles[]" value="1"></div>
			</div>
		</div>

	</div>

</fieldset>
/* No context defined for this component. */
  • Content:
    .form-entry .checkbox-group {
    	margin-left: -($main-gutter + $half-gutter);
    }
    
    .form-entry .multi-col .checkbox-group .checkbox-single {
    	display: block;
    }
    
    
    .form-entry .multi-col .checkbox-group {
    	columns: 20em;
    }
    
  • URL: /components/raw/checkbox-group/checkbox-group.scss
  • Filesystem Path: src/components/12-forms/02-molecules/09-checkbox-group/checkbox-group.scss
  • Size: 217 Bytes

There are no notes for this item.