Search
 
SCRIPT & CODE EXAMPLE
 

CSS

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;
Comment

tailwind height

h-0	    height: 0px;
h-px	height: 1px;
h-0.5	height: 0.125rem; /* 2px */
h-1	    height: 0.25rem; /* 4px */
h-1.5	height: 0.375rem; /* 6px */
h-2	    height: 0.5rem; /* 8px */
h-2.5	height: 0.625rem; /* 10px */
h-3	    height: 0.75rem; /* 12px */
h-3.5	height: 0.875rem; /* 14px */
h-4	    height: 1rem; /* 16px */
h-5	    height: 1.25rem; /* 20px */
h-6	    height: 1.5rem; /* 24px */
h-7	    height: 1.75rem; /* 28px */
h-8	    height: 2rem; /* 32px */
h-9	    height: 2.25rem; /* 36px */
h-10	height: 2.5rem; /* 40px */
h-11	height: 2.75rem; /* 44px */
h-12	height: 3rem; /* 48px */
h-14	height: 3.5rem; /* 56px */
h-16	height: 4rem; /* 64px */
h-20	height: 5rem; /* 80px */
h-24	height: 6rem; /* 96px */
h-28	height: 7rem; /* 112px */
h-32	height: 8rem; /* 128px */
h-36	height: 9rem; /* 144px */
h-40	height: 10rem; /* 160px */
h-44	height: 11rem; /* 176px */
h-48	height: 12rem; /* 192px */
h-52	height: 13rem; /* 208px */
h-56	height: 14rem; /* 224px */
h-60	height: 15rem; /* 240px */
h-64	height: 16rem; /* 256px */
h-72	height: 18rem; /* 288px */
h-80	height: 20rem; /* 320px */
h-96	height: 24rem; /* 384px */
h-auto	height: auto;
h-1/2	height: 50%;
h-1/3	height: 33.333333%;
h-2/3	height: 66.666667%;
h-1/4	height: 25%;
h-2/4	height: 50%;
h-3/4	height: 75%;
h-1/5	height: 20%;
h-2/5	height: 40%;
h-3/5	height: 60%;
h-4/5	height: 80%;
h-1/6	height: 16.666667%;
h-2/6	height: 33.333333%;
h-3/6	height: 50%;
h-4/6	height: 66.666667%;
h-5/6	height: 83.333333%;
h-full	height: 100%;
h-screen	height: 100vh;
h-min	height: min-content;
h-max	height: max-content;
h-fit	height: fit-content;
Comment

line height tailwind

leading-3	line-height: .75rem; /* 12px */
leading-4	line-height: 1rem; /* 16px */
leading-5	line-height: 1.25rem; /* 20px */
leading-6	line-height: 1.5rem; /* 24px */
leading-7	line-height: 1.75rem; /* 28px */
leading-8	line-height: 2rem; /* 32px */
leading-9	line-height: 2.25rem; /* 36px */
leading-10	line-height: 2.5rem; /* 40px */
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;
Comment

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; 
-->
Comment

PREVIOUS NEXT
Code Example
Css :: list in html css 
Css :: css how to make text italic 
Css :: css background gradient 
Css :: @container 
Css :: css select text inside div 
Css :: jest afterAll 
Css :: font stack css 
Css :: remove horizontal scroll in small devices css 
Css :: nuxt page transition 
Css :: elementor ccs code for gradient 
Css :: ckeditor push text in front of cursor 
Css :: css grid container 
Css :: text shadow css 
Css :: css overflow 
Css :: neomorphic box 
Css :: background css 
Css :: css hover rounded corners 
Css :: CSS 3D Transforms 
Css :: Css gradient animations 
Css :: nativescript hr 
Css :: how to remove the body margin from navbar in css 
Css :: what is the animation property in html and css 
Css :: calculate using n nth-child 
Css :: css orientations 
Css :: css reset code 
Css :: absolute positioning css 
Css :: box sizing css 
Css :: change option tag css 
Css :: boostarp grid npm css react 
Css :: css play button on image 
ADD CONTENT
Topic
Content
Source link
Name
2+5 =