Answers for "tailwind height"

2

line-height tailwind

.leading-none	   -   line-height: 1;
.leading-tight     -   line-height: 1.25;
.leading-snug	   -   line-height: 1.375;
.leading-normal	   -   line-height: 1.5;
.leading-relaxed   -   line-height: 1.625;
.leading-loose	   -   line-height: 2;
Posted by: Guest on May-04-2020
6

tailwind text size

<p class="text-xs ...">The quick brown fox ...</p>
<p class="text-sm ...">The quick brown fox ...</p>
<p class="text-base ...">The quick brown fox ...</p>
<p class="text-lg ...">The quick brown fox ...</p>
<p class="text-xl ...">The quick brown fox ...</p>
<p class="text-2xl ...">The quick brown fox ...</p>
<p class="text-3xl ...">The quick brown fox ...</p>
<p class="text-4xl ...">The quick brown fox ...</p>
<p class="text-5xl ...">The quick brown fox ...</p>
<p class="text-6xl ...">The quick brown fox ...</p>
<p class="text-7xl ...">The quick brown fox ...</p>
<p class="text-8xl ...">The quick brown fox ...</p>
<p class="text-9xl ...">The quick brown fox ...</p>
Posted by: Guest on December-18-2020
0

tailwind height

<div>
    <div class="h-8 ..."></div>
    <div class="h-12 ..."></div>
    <div class="h-16 ..."></div>
    <div class="h-24 ..."></div>
</div>
<!-- 
h-10	height: 2.5rem;
h-11	height: 2.75rem;
h-12	height: 3rem;
h-14	height: 3.5rem;
h-16	height: 4rem;
h-20	height: 5rem;
h-24	height: 6rem;
h-28	height: 7rem;
h-32	height: 8rem;
h-36	height: 9rem; 
-->
Posted by: Guest on May-25-2021
0

tailwind text size

<div class="text-base">TEXT</div>
Posted by: Guest on June-05-2020

Browse Popular Code Answers by Language