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 %}
Text decoration
.text-decoration-none removes the text-decoration.
This is typically applied on a tags to change their styling.
{% apply view_source %}
This is a link with text-decoration-none
{% end %}