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
      ),