## Labels

### Label Size Variants

Small Input
Medium Input (Default)
Large Input
HTML

    <!-- Small Input -->
            <div class="">
                <label class="label label--sm">Small Input</label>
                <input
                    type="text"
                    class="input input--sm"
                    placeholder="Small size (sm)"
                />
            </div>

            <!-- Medium (Default) Input -->
            <div class="">
                <label class="label label--md">Medium Input (Default)</label>
                <input
                    type="text"
                    class="input input--md"
                    placeholder="Medium size (md)"
                />
            </div>

            <!-- Large Input -->
            <div class="">
                <label class="label label--lg">Large Input</label>
                <input
                    type="text"
                    class="input input--lg"
                    placeholder="Large size (lg)"
                />
            </div>

### Label Variations

Disabled Label
Info Label
Success Label
Warning Label
Error Label
HTML

    <!-- Disabled Label -->
            <div class="">
                <label class="label label--muted">Disabled Label</label>
                <input
                    type="text"
                    class="input"
                    disabled
                    placeholder="Disabled Label"
                />
            </div>

            <!-- Accent/Info Label -->
            <div class="">
                <label class="label">Info Label</label>
                <input
                    type="text"
                    class="input is_info"
                    placeholder="Info Label"
                />
            </div>

            <!-- Success Label -->
            <div class="">
                <label class="label">Success Label</label>
                <input
                    type="text"
                    class="input is_success"
                    placeholder="Success Label"
                />
            </div>

            <!-- Warning Label -->
            <div class="">
                <label class="label">Warning Label</label>
                <input
                    type="text"
                    class="input is_warning"
                    placeholder="Warning Label"
                />
            </div>

            <!-- Error Label -->
            <div class="">
                <label class="label">Error Label</label>
                <input
                    type="text"
                    class="input is_error"
                    placeholder="Error Label"
                />
            </div>

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