Text Styles
For information on usage and functionality, please see the Text Styles post in Slab.
Headings
H1
First in importance on the page.
H2
Second in importance on the page.
H3
Third in importance on the page.
H4
Fourth in importance on the page.
Body Text
| Style Name | Appearance | Usage Notes |
|---|---|---|
| text-small | Sample text using text-small | Use for text that is 80% smaller than the default font. |
| text-large | Sample text using text-large | Use for text that is 118% larger than the default font. |
| text-xl | Sample text using text-xl | Use for text that is 145% larger than the default font. |
| text-align: center | Sample center-aligned text | Use to center text |
| captionCenter | Center | Use to center caption text |
| clear | Use to start paragraph text on a new line, separating text from preceding styles |
Div Styles
div-left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim ac turpis vel consectetur. Ut vitae iaculis ligula. Etiam vehicula, justo ac tincidunt varius, magna ligula ultrices metus, eu lacinia diam metus sit amet nisi. Aliquam id suscipit nunc, nec placerat ipsum. Sed quis arcu nec risus pharetra tempor.
div-right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim ac turpis vel consectetur. Ut vitae iaculis ligula. Etiam vehicula, justo ac tincidunt varius, magna ligula ultrices metus, eu lacinia diam metus sit amet nisi. Aliquam id suscipit nunc, nec placerat ipsum. Sed quis arcu nec risus pharetra tempor.