Text size

.h1, .h2, etc. make fonts larger and bold. They have the same styles as h1, h2, etc.

.sm1, .sm2, etc. make fonts smaller. These are utility classes that can be combined with other classes.

{% apply view_source %}
.h1 » .sm1 .sm2 .sm3 .sm4 .sm5 .sm6
{% end %} {% apply view_source %}
.h2 » .sm1 .sm2 .sm3 .sm4 .sm5 .sm6
{% end %} {% apply view_source %}
.h3 » .sm1 .sm2 .sm3 .sm4 .sm5 .sm6
{% end %} {% apply view_source %}
.h4 » .sm1 .sm2 .sm3 .sm4 .sm5 .sm6
{% end %} {% apply view_source %}
.h5 » .sm1 .sm2 .sm3 .sm4 .sm5 .sm6
{% end %} {% apply view_source %}
.h6 » .sm1 .sm2 .sm3 .sm4 .sm5 .sm6
{% end %} {% apply view_source %}
Normal .sm1 .sm2 .sm3 .sm4 .sm5 .sm6
{% end %}

Text alignment

.text-middle vertically centers text in a block.

{% apply view_source %}
H1 text
centered
H2 text
centered
H3 text
centered
H4 text
centered
H5 text
centered
H6 text
centered
{% end %}

Text shadow

.text-shadow adds a text shadow to inline text.

{% apply view_source %}

.text-shadow .text-shadow-none

{% end %}