Typography

Base type scale

Base type elements are normalized to a simple type scale that works well across devices.

Hamburger 1

Hamburger 2

Hamburger 3

Hamburger 4

Hamburger 5
Hamburger 6
{% highlight html %}

Hamburger 1

Hamburger 2

Hamburger 3

Hamburger 4

Hamburger 5
Hamburger 6
{% endhighlight %}

Responsive type scale

Use the .h1.h6 classes to adjust type sizes that respond to large screen sizes. To turn off media-query-based responsive type styles, set the $responsive-type variable to false.

Hamburger 1

Hamburger 2

Hamburger 3

Hamburger 4

Hamburger 5

Hamburger 6

{% highlight html %}

Hamburger 1

Hamburger 2

Hamburger 3

Hamburger 4

Hamburger 5

Hamburger 6

{% endhighlight %}

Type utilities

Bold

Regular

Italic

Caps

Left align

Center

Right align

Justified Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.

{% highlight html %}

Bold

Regular

Italic

Caps

Left align

Center

Right align

Justified Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.

{% endhighlight %}