Meta
An inline row of metadata items separated by dots. Uses the UI font at small size with muted color. Common for article bylines, product details, and timestamps.
Default
index.htmlhtml
<div class="ln-meta">
<span class="ln-meta__item">Essay</span>
<span class="ln-meta__separator"></span>
<span class="ln-meta__item">Sep 2026</span>
<span class="ln-meta__separator"></span>
<span class="ln-meta__item">6 min read</span>
</div>Small size
index.htmlhtml
<div class="ln-meta ln-meta--sm">
<span class="ln-meta__item">SKU-4821</span>
<span class="ln-meta__separator"></span>
<span class="ln-meta__item">In Stock</span>
</div>Reference
| Class | Description | Responsive |
|---|---|---|
.ln-meta | Inline metadata row (mono font, muted) | No |
.ln-meta__item | Individual metadata value | No |
.ln-meta__icon | Icon within a meta item | No |
.ln-meta__link | Clickable meta item | No |
.ln-meta__separator | Middle-dot divider between items | No |
.ln-meta--sm | Smaller text size | No |
.ln-meta--stacked | Vertical column layout | No |