Meta Module

The Meta module provides inline meta information elements with configurable colors, sizes, action/hover states, loading indicators, and disabled handling. It extends the base Element module.

Default

Clickable

Loading

Disabled

Primary

Clickable

Loading

Disabled

Indigo

Clickable

Loading

Disabled

Maroon

Clickable

Loading

Disabled

Signature:

@mixin use-meta($colors: (), $sizes: ());

Example:

@include termeh.use-meta(("primary", "green"), ("small", "medium"));

Dependencies

Meta module uses the following Termeh global var():

Component	Type	Usage	Default
decorator → size	Color	Loading spinner thickness	null

---

Meta module uses the following Termeh color() and variant():

Color / Variant	Usage	Default
shade → mute	Default meta color	null
shade → readable	Default hover color for action meta	null

Modifiers

• .is-action → makes icon clickable
• .is-loading → applies loading state
• .is-disabled → applies disabled state
• .is-<size> → applies a registered size as font size
• .is-<color> → applies a registered color as accent color