Lineto.com

Text Sizes

Example	Size	Class	Mixin
The quick brown fox jumps over the lazy dog	1	`.u-text-size-1`	`@text-size({size})`
The quick brown fox jumps over the lazy dog	2	`.u-text-size-2`
The quick brown fox jumps over the lazy dog	3	`.u-text-size-3`
The quick brown fox jumps over the lazy dog	4	`.u-text-size-4`

Text

Example	Class
The quick brown fox jumps over the lazy dog	`.u-text-ellipsis`
The quick brown fox jumps over the lazy dog	`.u-text-left`
The quick brown fox jumps over the lazy dog	`.u-text-right`
The quick brown fox jumps over the lazy dog	`.u-text-mono`
0123456	`.u-text-tabular`
ff fl fi 1⁄4	`.u-text-ligatures`
I am headline in size 3 I am a paragraph: Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero’s De Finibus Bonorum et Malorum for use in a type specimen book. I am an item of an unordered list I am another item of an unordered list I am an item of an ordered list I am another item of an ordered list I am a link Some italic Some emphasized Some strong text Some bold text Some underlined text ~~Some striked text~~	`.u-text-html`
This is a long phrase that won’t wrap no matter what size of window you have	`.u-text-nowrap`

Display

Example	Class
The quick brown fox jumps over the lazy dog	`.u-hide`
The quick brown fox jumps over the lazy dog	`.u-layout-compact-hide`
The quick brown fox jumps over the lazy dog	`.u-layout-normal-hide`
The quick brown fox jumps over the lazy dog	`.u-mobile-device-hide`
The quick brown fox jumps over the lazy dog	`.u-mobile-device-show`
The quick brown fox jumps over the lazy dog	`.u-screen-reader-show`