Horizontal Rule

Horizontal Rule


Last updated: 9/20/21

Use a Horizontal Rule to draw a line to divide content.

Styles

Use the base class pier-hr to create a Horizontal Rule. Use the modifier classes pier-hr--dark or pier-hr--hero to change the style.




HTML markup

Sizes

Use the modifier classes pier-hr--sm, pier-hr--md, or pier-hr--lg to change the size of the Horizontal Rule.




HTML markup

Dark

Use the modifier classes pier-hr--white to change the style of the Horizontal Rule to white.





HTML markup


© 2021 Gumgum, Inc.