PolicyGenius - Style Guide

Flip

Flip Horizontal

Proin aliquam tortor et

Quisque

Proin aliquam

Nulla
 
.mod-example
  .flip style='width: 320px; height: 180px'
    figure
      .front
        .mod-ad-unit.mini
          .content
            h3 Proin aliquam tortor et
            a.button.action href='#' Quisque
      .back
        .mod-ad-unit.mini
          .content
            h3 Proin aliquam
            a.button.full-width href='#' Nulla

Flip Vertical

Proin aliquam tortor et

Quisque

Proin aliquam

Nulla
 
.mod-example
  .flip.vertical style='width: 320px; height: 180px'
    figure
      .front
        .mod-ad-unit.mini
          .content
            h3 Proin aliquam tortor et
            a.button.action href='#' Quisque
      .back
        .mod-ad-unit.mini
          .content
            h3 Proin aliquam
            a.button.full-width href='#' Nulla