.text-xs
|
font-size: 0.75rem;
|
.text-sm
|
font-size: 0.875rem;
|
.text-base
|
font-size: 1rem;
|
.text-lg
|
font-size: 1.125rem;
|
.text-xl
|
font-size: 1.25rem;
|
.text-2xl
|
font-size: 1.5rem;
|
.text-3xl
|
font-size: 1.875rem;
|
.text-4xl
|
font-size: 2.25rem;
|
.text-5xl
|
font-size: 3rem;
|
.text-6xl
|
font-size: 3.75rem;
|
.text-7xl
|
font-size: 4.5rem;
|
.text-8xl
|
font-size: 6rem;
|
.text-9xl
|
font-size: 8rem;
|
Font size memiliki class
.text-{size}, yang mana
{size}
adalah ukuran dari teks, seperti yang ada pada tabel di atas.
Berikut ini adalah visualisai dari semua ukuran font yang ada di tabel.
<div class="text-xs">Text xs</div>
<div class="text-sm">Text sm</div>
<div class="text-base">Text base</div>
<div class="text-lg">Text lg</div>
<div class="text-xl">Text xl</div>
<div class="text-2xl">Text 2xl</div>
<div class="text-3xl">Text 3xl</div>
<div class="text-4xl">Text 4xl</div>
<div class="text-5xl">Text 5xl</div>
<div class="text-6xl">Text 6xl</div>
<div class="text-7xl">Text 7xl</div>
<div class="text-8xl">Text 8xl</div>
<div class="text-9xl">Text 9xl</div>
BshadeUI juga memiliki ukuran untuk semua tag
heading, seperti <h1>, <h2>, <h3>, dan seterusnya.
Berikut visualisai dari semua tag heading.
<h1>Hello World!</h1>
<h2>Hello World!</h2>
<h3>Hello World!</h3>
<h4>Hello World!</h4>
<h5>Hello World!</h5>