## Dimensions

#### Dimensions Top

Dimension Top
HTML

    <div class="dim dim--top" dim-data="Dimensions on top">
                <div class="dim__line"></div>
                Dimension Top
            </div>

#### Dimensions Right

Dimension Right
HTML

    <div class="dim dim--right" dim-data="Dimensions on right">
                Dimension Right
                <div class="dim__line"></div>
            </div>

#### Dimensions Bottom

Dimension Bottom
HTML

    <div class="dim dim--bottom" dim-data="Dimensions on bottom">
                Dimension Bottom
                <div class="dim__line"></div>
            </div>

#### Dimensions Left

Dimension Left
HTML

    <div class="dim dim--left" dim-data="Dimensions on left">
                <div class="dim__line"></div>
                Dimension Left
            </div>

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