PolicyGenius - Style Guide

Checkbox

Isolated Checkbox

Use this for when you need just a checkbox element without text/padding.
Note: the empty span is required

.mod-example
  label.checkbox.isolated
    input type='checkbox' checked='checked'
    span

Checkbox List

.mod-example
  label.checkbox
    input type='checkbox' checked='checked'
    span Pellentesque habitant morbi
  label.checkbox
    input type='checkbox'
    span Nullam mollis turpis

Checkbox List - Right Side (Flip) Variant

.mod-example style='display: inline-block'
  label.checkbox.flip
    input type='checkbox' checked='checked'
    span Pellentesque habitant morbi

Checkbox with tooltip

.mod-example
  .checkbox-wrap
    label.checkbox
      input type='checkbox' checked='checked'
      span Pellentesque habitant morbi
    i.i-help