tailwind height code example

Example 1: 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;

Example 2: tailwind text size

The quick brown fox ...

The quick brown fox ...

The quick brown fox ...

The quick brown fox ...

The quick brown fox ...

The quick brown fox ...

The quick brown fox ...

The quick brown fox ...

The quick brown fox ...

The quick brown fox ...

The quick brown fox ...

The quick brown fox ...

The quick brown fox ...

Example 3: tailwind extend height

module.exports = {
    theme: {
        // ....
        extend: {
            height: {
                sm: '20rem'
            }
        }
        // ...
    }
}

// Generates h-sm with 20rem height

Tags:

Misc Example