Dividers

The dividers are used to create a line between elements on a page

Below you will find the different definitions and options to create your dividers

Default Divider

<div class="msds-divider"></div>

Dark-blue Divider

<div class="msds-divider msds-divider--dark-blue"></div>

Yellow Divider

<div class="msds-divider msds-divider--yellow"></div>

White Divider

<div class="msds-divider msds-divider--white"></div>

White 50% transparency Divider

<div class="msds-divider msds-divider--white-50"></div>

Gray Divider

<div class="msds-divider msds-divider--gray-5"></div>