4.5.1 #permalink Triangle Alignment

Toggle example guides Toggle HTML markup

Triangles can be left or right aligned

Examples
Default styling
triangle_rightAlign
Right
triangle_leftAlign
Left
Markup 
  <div class="grid-parent grid-12">
    <div class="triangle-parent triangle_ggPrimary2 col_ggPrimary5Lightest" style="width: 50px; height: 50px; margin: 10px">
      <div class="triangle triangle_top [modifier class]"></div>
    </div>
    <div class="triangle-parent triangle_ggPrimary2 col_ggPrimary5Lightest" style="width: 50px; height: 50px; margin: 10px">
      <div class="triangle triangle_bottom [modifier class]"></div>
    </div>
    <div class="triangle-parent triangle_ggPrimary2 col_ggPrimary5Lightest" style="width: 50px; height: 50px; margin: 10px">
      <div class="triangle triangle_left [modifier class]"></div>
    </div>
    <div class="triangle-parent triangle_ggPrimary2 col_ggPrimary5Lightest" style="width: 50px; height: 50px; margin: 10px">
      <div class="triangle triangle_right [modifier class]"></div>
    </div>
  </div>
Source: modules/04_small_decorations/triangleSelector.less, line 25