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 %}
{% end %}
Text shadow
.text-shadow adds a text shadow to inline text.
{% apply view_source %}
.text-shadow .text-shadow-none
{% end %}