.mod-example
  .password-field
    .textfield
      .field
        label for='password' Vivamus ultricies
        .security
        input type='password' id='password' placeholder='Suspendisse molestie vel'
    ul.password-hints
      li.i-delete Nam consequat maximus
      li.i-delete Maximus a viverra
      li.i-delete Vivamus dictum justo

.mod-example
  .password-field
    .text-input
      .security
      input type='password' id='password' placeholder='Suspendisse molestie vel'

.mod-example
  .password-field
    .textfield
      .field
        label for='password' Vivamus ultricies
        .security
        input type='password' id='password' placeholder='Suspendisse molestie vel' value='00000000'
    ul.password-hints
      li.i-check.success Nam consequat maximus
      li.i-delete Maximus a viverra
      li.i-delete Vivamus dictum justo

.mod-example
  .password-field.focused
    .textfield
      .field
        label for='password' Vivamus ultricies
        .security
        input type='password' id='password' placeholder='Suspendisse molestie vel' value='00000000'
    ul.password-hints
      li.i-check.success Nam consequat maximus
      li.i-delete Maximus a viverra
      li.i-delete Vivamus dictum justo

.mod-example
  .password-field.focused
    .text-input
      .security
      input type='password' id='password' placeholder='Suspendisse molestie vel'