Text-level Semantics
These are elements for inline-level text semantics.
Altered Baseline
Citation
Code
code
scss
code {
color: svar(color-mark);
background-color: svar(color-mark-contra);
padding-inline: svar(spacing-inline-xs, svar(spacing-xs));
}Inline code.
Data
Directionality
Emphasis
Generic
Input/Output
kbd
scss
kbd {
color: svar(color-mark);
background: svar(color-mark-contra);
border: svar(stroke-width-1) solid svar(stroke-color-default);
border-radius: svar(radius-xs);
padding-inline: svar(spacing-inline-xs, svar(spacing-xs));
}Keyboard input.