Typography

Automatically included in all.css. This stylesheet provides common typographical element styles.

import '@brainandbones/skeleton/styles/typography.css';

Use the .unstyled class to exclude these styles for an individual element.

Usage

Headings

html

<h1>Skeleton H1</h1>
<h2>Skeleton H2</h2>
<h3>Skeleton H3</h3>
<h4>Skeleton H4</h4>
<h5>Skeleton H5</h5>
<h6>Skeleton H6</h6>

Skeleton H1

Skeleton H2

Skeleton H3

Skeleton H4

Skeleton H5

Skeleton H6

Paragraph

html

<p>The quick brown fox jumps over the lazy dog.</p>

The quick brown fox jumps over the lazy dog.

Anchor

html

<a href="/">Anchor</a>

Anchor

Blockquote

html

<blockquote>Skeleton</blockquote>

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Expedita cupiditate dolores dignissimos maiores doloremque fugiat, dolore doloribus nisi, repellendus mollitia nostrum, commodi a minus aperiam deleniti. Velit rerum ut tempora!

Pre-formatted Text

html

<pre>The quick brown fox jumps over the lazy dog.</pre>

The quick brown fox jumps over the lazy dog.

Code

html

<code>.myExampleClass</code>

.myExampleClass

Keyboard

html

<kbd>Shift + ⌘</kbd>

Shift + ⌘