Text
This is just a little improvement adding two new classes
Sizes
Quickly change the font-size
of text. While our heading classes (e.g.,
.h1
–.h6
) apply font-size
, font-weight
, and
line-height
, these utilities only apply font-size
. Sizing for
these utilities matches HTML’s heading elements, so as the number increases, their size decreases.
Responsive
Yes, now you can change the size of your font depending on the resolution. just add the variant sm, md, lg, xl & xxl
.fs-1 text
.fs-2 text
.fs-3 text
.fs-4 text
.fs-5 text
.fs-6 text
.fs-7 text
.fs-8 text
html
<p class="fs-1">.fs-1 text</p>
<p class="fs-2">.fs-2 text</p>
<p class="fs-3">.fs-3 text</p>
<p class="fs-4">.fs-4 text</p>
<p class="fs-5">.fs-5 text</p>
<p class="fs-6">.fs-6 text</p>
<p class="fs-7">.fs-7 text</p>
<p class="fs-8">.fs-8 text</p>
Responsive example
<p class="fs-md-1">.fs-1 text from md resolution</p>
<p class="fs-lg-2">.fs-2 text from lg resolution</p>
<p class="fs-sm-3">.fs-3 text from sm resolution</p>
<p class="fs-4 fs-lg-2">.fs-4 text default & .fs2 text from lg resolution</p>