PolicyGenius - Style Guide

Compare Panel

Curabitur ex nibh, pharetra eget

et tortor consectetur
Suspendisse molestie vel sapien at posuere.

div style='background: #eee; padding: 24px;'
  .mod-compare-panel
    .content
      h5 Curabitur ex nibh, pharetra eget
      button.button.action.lowlight[disabled] Iaculis
      button.button.outline Aenean
  br
  .mod-compare-panel data-example=''
    .content
      h5
        strong et
        '  tortor consectetur
      button.button.action.lowlight Rhoncus
      button.button.outline Fusce
    .error-message
      h5 Suspendisse molestie vel sapien at posuere.
  br
  .mod-example.text-center
    button.button.mini.js-compare-panel-example Nulla maximus congue
$('.js-compare-panel-example').on('click', function() {
    $('[data-example]').toggleClass('error');
  });