PolicyGenius - Style Guide

Results Graph

Phasellus nec

Fusce sagittis nec nulla sit amet varius.

  • Vulputate quis iaculis
  • Aenean velit malesuada
  • Maecenas turpis porttitor
  • Suspendisse risus hendrerit

Suspendisse vel massa iaculis, porta massa.

.mod-results-graph
    .layout-three-quarters
      figure.graph.mod-box-card
        img src='holder.js/100px300?text=Results Graph'
      .legend
        .selectfield
          .field
            .selectbox
              select
                option value="10" Quis augue vitae
                option value="25" Sed non tortor
                option value="50" Id neque posuere
                option value="100" Luctus ac vel
                option value="160" Nullam metus
        .legend-key
          h4 Phasellus nec
          p Fusce sagittis nec nulla sit amet varius.
          ul.mod-icon-list.small
            li.icon-tiger-circle
              | Vulputate
              strong
                em  quis
              |  iaculis
            li.icon-tangerine-circle
              | Aenean
              strong
                em  velit
              |  malesuada
            li.icon-turquoise-circle
              | Maecenas
              strong
                em  turpis
              |  porttitor
            li.icon-teal-circle
              | Suspendisse
              strong
                em  risus
              |  hendrerit
          p.i-alert Suspendisse vel massa iaculis, porta massa.