PolicyGenius - Style Guide

Recommended Card

Proin aliquam tortor
Suspendisse molestie vel
Nunc mattis molestie
Phasellus tellus augue
.mod-recommended-card style='max-width: 360px;'
  h5 Proin aliquam tortor
  .selectbox
    select
      optgroup label='In rhoncus orci et ex fermentum'
        option $100,000
      optgroup label='Pellentesque'
        option $100,000
        option $100,000
        option $100,000
  .footer Suspendisse molestie vel
.mod-recommended-card style='max-width: 360px;'
  h5 Nunc mattis molestie
  .selectbox
    select
      optgroup label='PolicyGenius recommends'
        option 10 dolor
      optgroup label='Pellentesque'
        option 10 dolor
        option 10 dolor
        option 10 dolor
  .footer Phasellus tellus augue
scelerisque
Suspendisse sed sem sagittis
.mod-recommended-card.featured style='max-width: 360px;'
  .header
    img src='images/pg-logo-dark.svg'
    span scelerisque
  .selectbox
    select
      optgroup label='Suspendisse molestie'
        option $100,000
      optgroup label='Proin pharetra'
        option $100,000
        option $100,000
        option $100,000
  .footer
    a href='#' Suspendisse sed sem sagittis
$('.mod-recommended-card').not('.featured').find('.selectbox').on('click', function() {
  $(this).addClass('active');
});

$('.mod-recommended-card').not('.featured').find('select').on('change', function() {
  $(this).parent().removeClass('active');
});