## Object | Fill

### Object | Fill | Text Colors

.object--fill--text_primary
.object--fill--text_secondary
.object--fill--text_tertiary
HTML

    <div class="grid">
                <label>.object--fill--text_primary</label>
                <div class="swatch object--fill--text_primary">&nbsp;</div>
                <label>.object--fill--text_secondary</label>
                <div class="swatch object--fill--text_secondary">&nbsp;</div>
                <label>.object--fill--text_tertiary</label>
                <div class="swatch object--fill--text_tertiary">&nbsp;</div>
            </div>

### Object | Fill | Line Colors

.object--fill--line_primary
.object--fill--line_secondary
.object--fill--line_tertiary
HTML

    <div class="grid">
                <label>.object--fill--line_primary</label>
                <div class="swatch object--fill--line_primary">&nbsp;</div>
                <label>.object--fill--line_secondary</label>
                <div class="swatch object--fill--line_secondary">&nbsp;</div>
                <label>.object--fill--line_tertiary</label>
                <div class="swatch object--fill--line_tertiary">&nbsp;</div>
            </div>

### Object | Fill | Fill Colors

.object--fill--fill_primary
.object--fill--fill_secondary
.object--fill--fill_tertiary
HTML

    <div class="grid">
                <label>.object--fill--fill_primary</label>
                <div class="swatch object--fill--fill_primary">&nbsp;</div>
                <label>.object--fill--fill_secondary</label>
                <div class="swatch object--fill--fill_secondary">&nbsp;</div>
                <label>.object--fill--fill_tertiary</label>
                <div class="swatch object--fill--fill_tertiary">&nbsp;</div>
            </div>

### Object | Fill | Accent Colors

.object--fill--accent_primary
.object--fill--accent_secondary
.object--fill--accent_tertiary
HTML

    <div class="grid">
                <label>.object--fill--accent_primary</label>
                <div class="swatch object--fill--accent_primary">&nbsp;</div>
                <label>.object--fill--accent_secondary</label>
                <div class="swatch object--fill--accent_secondary">&nbsp;</div>
                <label>.object--fill--accent_tertiary</label>
                <div class="swatch object--fill--accent_tertiary">&nbsp;</div>
            </div>

### Object | Fill | State Colors

.object--fill--state_visited
.object--fill--state_focus
.object--fill--state_hover
.object--fill--state_active
.object--fill--state_link
.object--fill--state_enabled
.object--fill--state_disabled
.object--fill--state_current
.object--fill--state_checked
.object--fill--state_invalid
.object--fill--state_muted
HTML

    <div class="grid">
                <label>.object--fill--state_visited</label>
                <div class="swatch object--fill--state_visited">&nbsp;</div>
                <label>.object--fill--state_focus</label>
                <div class="swatch object--fill--state_focus">&nbsp;</div>
                <label>.object--fill--state_hover</label>
                <div class="swatch object--fill--state_hover">&nbsp;</div>
                <label>.object--fill--state_active</label>
                <div class="swatch object--fill--state_active">&nbsp;</div>
                <label>.object--fill--state_link</label>
                <div class="swatch object--fill--state_link">&nbsp;</div>
                <label>.object--fill--state_enabled</label>
                <div class="swatch object--fill--state_enabled">&nbsp;</div>
                <label>.object--fill--state_disabled</label>
                <div class="swatch object--fill--state_disabled">&nbsp;</div>
                <label>.object--fill--state_current</label>
                <div class="swatch object--fill--state_current">&nbsp;</div>
                <label>.object--fill--state_checked</label>
                <div class="swatch object--fill--state_checked">&nbsp;</div>
                <label>.object--fill--state_invalid</label>
                <div class="swatch object--fill--state_invalid">&nbsp;</div>
                <label>.object--fill--state_muted</label>
                <div class="swatch object--fill--state_muted">&nbsp;</div>
            </div>

### Object | Fill | Log Colors

.object--fill--log_trace
.object--fill--log_debug
.object--fill--log_success
.object--fill--log_info
.object--fill--log_notice
.object--fill--log_warning
.object--fill--log_audit
.object--fill--log_error
.object--fill--log_security
.object--fill--log_critical
.object--fill--log_alert
.object--fill--log_emergency
HTML

    <div class="grid">
                <label>.object--fill--log_trace</label>
                <div class="swatch object--fill--log_trace">&nbsp;</div>
                <label>.object--fill--log_debug</label>
                <div class="swatch object--fill--log_debug">&nbsp;</div>
                <label>.object--fill--log_success</label>
                <div class="swatch object--fill--log_success">&nbsp;</div>
                <label>.object--fill--log_info</label>
                <div class="swatch object--fill--log_info">&nbsp;</div>
                <label>.object--fill--log_notice</label>
                <div class="swatch object--fill--log_notice">&nbsp;</div>
                <label>.object--fill--log_warning</label>
                <div class="swatch object--fill--log_warning">&nbsp;</div>
                <label>.object--fill--log_audit</label>
                <div class="swatch object--fill--log_audit">&nbsp;</div>
                <label>.object--fill--log_error</label>
                <div class="swatch object--fill--log_error">&nbsp;</div>
                <label>.object--fill--log_security</label>
                <div class="swatch object--fill--log_security">&nbsp;</div>
                <label>.object--fill--log_critical</label>
                <div class="swatch object--fill--log_critical">&nbsp;</div>
                <label>.object--fill--log_alert</label>
                <div class="swatch object--fill--log_alert">&nbsp;</div>
                <label>.object--fill--log_emergency</label>
                <div class="swatch object--fill--log_emergency">&nbsp;</div>
            </div>

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