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 %}