Text

For all elements inside the following variable maps, you can change the classe name if you want.

Text Alignement

config.css
$s-text-align: (
   'text-left': left,
   'text-center': center,
   'text-right': right,
   // you can add yours
),

Example output classes

With this config value, these classes are created, with a responsive variant for each breakpoint :

text-left text-center text-right

Font weight

This element has no responsive variants

config.css
$s-font-weights: (
   'fw-normal': normal,
   'fw-bold': bold,
   'fw-500': 500,
   // you can add yours
),

Text Transform

This element has no responsive variants

config.css
$s-text-transform: (
   'text-uppercase': uppercase,
   // you can add yours
),

Text Decoration

This element has no responsive variants

config.css
$s-text-decoration: (
   'text-underline': underline,
   // you can add yours
),