Typography has one plain duty before it and that is to convey information in writing. No argument or consideration can absolve typography from this duty. A printed work which cannot be read becomes a product without purpose.
Narrow Paragraph
HTML
<div class="pa3 pa5-ns">
<p class="f5 lh-copy measure-narrow">
Typography has one plain duty before it and that is to convey information
in writing. No argument or consideration can absolve typography from this
duty. A printed work which cannot be read becomes a product without
purpose.
</p>
</div>
css
.lh-copy {
line-height: 1.5;
}
.pa3 {
padding: 1rem;
}
.f5 {
font-size: 1rem;
}
.measure-narrow {
max-width: 20em;
}
@media screen and (min-width: 30em) {
.pa5-ns {
padding: 4rem;
}
}
Css stats for this component
- Gzipped Size
- 158B
- Selectors
- 5
- Declarations
- 5
Modules referenced
Install via npm Only installs the needed tachyons-modules for this component
npm i --save tachyons-line-height tachyons-spacing tachyons-type-scale tachyons-typography