Typography
Typography
Text styles
@lit-material/tokens/css/typography.css (optional) has one class per M3 text style, so a heading's level and
its size are separate: <h2 class="md-typescale-title-large">.
display large
display medium
display small
headline large
headline medium
headline small
title large
title medium
title small
body large
body medium
body small
label large
label medium
label small
Content
Plain HTML, styled
Wrap Markdown output or a CMS's HTML in .lit-material-content: headings, lists, quotes, code and links get M3 styles and spacing.
- Install the tokens once
- Import only what you use
Prose stays readable in light and dark.
npm install @lit-material/tokens- Version
- 0.0.2
Small print uses body-small.