4.3 #permalink Bottom Rule

Toggle example guides Toggle HTML markup

A small line to emphasize or separate a title or text element

Examples
Default styling

ruleBottom_ggPrimary1
f

ruleBottom_ggPrimary1

ruleBottom_ggPrimary2Darker
f

ruleBottom_ggPrimary2Darker

ruleBottom_ggPrimary3Dark
f

ruleBottom_ggPrimary3Dark

ruleBottom_ggPrimary4Darker
f

ruleBottom_ggPrimary4Darker

ruleBottom_ggSecondary1
f

ruleBottom_ggSecondary1

ruleBottom_ggSecondary1Lighter
f

ruleBottom_ggSecondary1Lighter

ruleBottom_ggSecondary2Light foo
f

ruleBottom_ggSecondary2Light

Markup 
  <div class="col_ggPrimary2 box_padded2">
    <h3 class="ruleBottom ruleBottom layout_center [modifier class]">[modifier class]</h3>
  </div>
Source: modules/04_small_decorations/ruleBottom.less, line 3