Mark
Highlighted text for search results, emphasis, or annotations.
Default
The highlighted text stands out from surrounding content.
Base
| Class | Description |
|---|---|
.ui-mark | Base class |
Override these CSS custom properties to customize the component.
| Token | Default | Description |
|---|---|---|
--ui-mark-bg |
var(--ui-color-warning) |
Background color |
--ui-mark-color |
var(--ui-color-text) |
Text color |
--ui-mark-padding-x |
var(--ui-space-quarter) |
Horizontal padding |
--ui-mark-padding-y |
0 |
Vertical padding |
--ui-mark-radius |
var(--ui-radius-sm) |
Corner radius |
Search Results
Results for design tokens: CSS custom properties that store design decisions as reusable tokens.
<p>Results for <mark class="ui-mark">design tokens</mark>: CSS custom properties that store <mark class="ui-mark">design</mark> decisions as reusable <mark class="ui-mark">tokens</mark>.</p>