Tailwindcss wh

Don't write the same number twice.

✨ Help support the maintenance of this package by sponsoring me.

❔ Why

<!-- Tired of writing {n} twice ? -->
<div class="w-12 h-12"></div>

<!-- Write {n} once -->
<div class="wh-12"></div>

npm i -D tailwindcss-wh

Add the plugin to your tailwind.config.js file:

// tailwind.config.js
import wh from 'tailwindcss-wh'

export default {
    // ...

    plugins: [
        wh(),
    ]
}

wh({ selector: 'square' }) // square-[15rem]
wh({ selector: 's' }) // s-4

Do you like this project? Support it by donating

Click the "💖 Sponsor" at the top of this repo.