Flexible Framework: Text-Transform

_text-transform.scss

Text-Transform: Class Prefix Options (Required)

The Text-Transform Class Prefix Prefixes can be written in different ways depending on your desired specificity.

Abbr Strict .txt-transform
Strict .text-transform

Text-Transform: Class Value Extensions (Required)

The following Text-Transform values are provided as they are the most commonly used. Text-Transform values can be altered in the variable-settings.scss file.

-uppercase -lowercase -capitalize

Text-Transform: Example Code



<!-- Abbreviated Strict: Text is italic. -->
<div class="txt-transform-uppercase">Italic Text-Transform</div>

<!-- Strict: Text is Capitalizes. -->
<div class="text-transform-capitalize">Oblique Text-Transform</div>