## Dividers

### Standard Divider

Above the standard divider

Below the standard divider

HTML

    <p>Above the standard divider</p>
                <hr class="divider" />
                <p>Below the standard divider</p>

## Variants

### Thin Divider

HTML

    <hr class="divider divider--thin" />

### Thick Divider

HTML

    <hr class="divider divider--thick" />

### Dotted Divider

HTML

    <hr class="divider divider--dotted" />

### Vertical Divider

HTML

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

### Vertical Thin Divider

HTML

    <div class="divider--vertical--thin"></div>

### Vertical Thick Divider

HTML

    <div class="divider--vertical--thick"></div>

### Vertical Dotted Divider

HTML

    <div class="divider--vertical--dotted"></div>

### Vertical (Inline) Divider

Left Right
HTML

    <div style="display: flex; align-items: center; gap: q(16)">
                    <span>Left</span>
                    <span class="divider--vertical--inline"></span>
                    <span>Right</span>
                </div>

- Latest update: Stylescape v0.1 now live!
- New components released today.
- 💡 Tip: Use mixins for modular SCSS!