Beta3.0
Components

Dividers

Dividers are used to thematically break up sections & content or add visual weight to Headings.

# Basic Dividers

By default the divider or the horizontal rule <hr> is thin and full-width.

Example Markup

  <hr>

# Alternate Dividers

Also widely used with Headings is the .thick class. The thick divider is aligned to the left by default but can be changed using the .center or .right classes accordingly.

Class Schedule
Class Schedule
Class Schedule
Example Markup

  <hr class="thick">
 
  <hr class="thick center">
 
  <hr class="thick right">

# Divider Colors

In addition to the default gray, you can also choose between 3 other alternate colors to fit your UI needs; .primary, .black and .white.

Class Schedule
Class Schedule
Class Schedule
Example Markup

  <hr class="thick primary">
 
  <hr class="black">
 
  <hr class="thick right white">