Text Shadow

Utilities to add text shadow.

Class Properties
.tshadow1 0px 0px 1rem rgba(0, 0, 0, 0.6),
.tshadow2 0px 0px 2rem rgba(0, 0, 0, 0.6),
.tshadow3 0px 0px 4rem rgba(0, 0, 0, 0.6),


Give text a shadow by adding a .tshadow{step} utility class.

Ich habe einen kleinen Schatten

Ich habe einen mittleren Schatten

Ich habe einen großen Schatten


All available shadows are defined in _settings.scss.


By default, only responsive variants are generated for this utility. You can control which variants are generated by modifying the $utility-configuration in _settings.scss.