## Object | Height

### Object | Height | Fixed Heights (from map tokens)

.object--height--xs
.object--height--sm
.object--height--md
.object--height--lg
.object--height--xl
HTML

    <div class="grid">
                <label>.object--height--xs</label>
                <div class="object--height--xs object--fill--fill_secondary">
                    &nbsp;
                </div>
                <label>.object--height--sm</label>
                <div class="object--height--sm object--fill--fill_secondary">
                    &nbsp;
                </div>
                <label>.object--height--md</label>
                <div class="object--height--md object--fill--fill_secondary">
                    &nbsp;
                </div>
                <label>.object--height--lg</label>
                <div class="object--height--lg object--fill--fill_secondary">
                    &nbsp;
                </div>
                <label>.object--height--xl</label>
                <div class="object--height--xl object--fill--fill_secondary">
                    &nbsp;
                </div>
            </div>

### Object | Height | Fixed Heights (from map tokens)

.object--height--fixed--xs
.object--height--fixed--sm
.object--height--fixed--md
.object--height--fixed--lg
.object--height--fixed--xl
HTML

    <div class="grid">
                <label>.object--height--fixed--xs</label>
                <div
                    class="object--height--fixed--xs object--fill--fill_secondary"
                >
                    &nbsp;
                </div>
                <label>.object--height--fixed--sm</label>
                <div
                    class="object--height--fixed--sm object--fill--fill_secondary"
                >
                    &nbsp;
                </div>
                <label>.object--height--fixed--md</label>
                <div
                    class="object--height--fixed--md object--fill--fill_secondary"
                >
                    &nbsp;
                </div>
                <label>.object--height--fixed--lg</label>
                <div
                    class="object--height--fixed--lg object--fill--fill_secondary"
                >
                    &nbsp;
                </div>
                <label>.object--height--fixed--xl</label>
                <div
                    class="object--height--fixed--xl object--fill--fill_secondary"
                >
                    &nbsp;
                </div>
            </div>

### Object | Height | Full--smcreen / Full-Height Utilities

.full-screen (100vh)
.minheight-fullscreen (min-height: 100vh)
.max-h-100 (max-height: 100%)
HTML

    <div class="card full-screen bg-gray">.full-screen (100vh)</div>
            <div class="card minheight-fullscreen bg-gray">
                .minheight-fullscreen (min-height: 100vh)
            </div>
            <div class="card max-h-100 bg-gray" style="height: 300px">
                .max-h-100 (max-height: 100%)
            </div>

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