Docs / Text Transform

Text Transform

vel-src: typography.css

Utilities for controlling the transformation of text.

ClassProperties
vel-uppercasetext-transform: uppercase
vel-lowercasetext-transform: lowercase
vel-capitalizetext-transform: capitalize
vel-normal-casetext-transform: none

Examples

Text transform variants

vel-uppercase — velora css framework

vel-lowercase — VELORA CSS FRAMEWORK

vel-capitalize — velora css framework

vel-normal-case — VeloraCSS Framework

example.html
<div class="vel-flex vel-flex-col vel-gap-3">
  <p class="vel-uppercase vel-text-sm vel-tracking-wider" style="color:#a87fff">vel-uppercase — velora css framework</p>
  <p class="vel-lowercase vel-text-sm" style="color:#94a3b8">vel-lowercase — VELORA CSS FRAMEWORK</p>
  <p class="vel-capitalize vel-text-sm" style="color:#e2e8f0">vel-capitalize — velora css framework</p>
  <p class="vel-normal-case vel-text-sm" style="color:#64748b">vel-normal-case — VeloraCSS Framework</p>
</div>