tailwindcss-wh weekly downloads statistics

<p align="center"> <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/min/tailwindcss-wh?style=for-the-badge"> <img alt="npm" src="https://img.shields.io/npm/v/tailwindcss-wh?style=for-the-badge"> <img alt="license" src="https://img.shields.io/npm/l/tailwindcss-wh?style=for-the-badge"> </p> <h1 align="center">Tailwindcss wh</h1> <p align="center">Don't write the same number twice.</p>

✨ 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>

📦 Installation

npm i -D tailwindcss-wh

🦄 Usage

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

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

export default {
    // ...

    plugins: [
        wh(),
    ]
}

Specifying selector name

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

💖 Support the development

Do you like this project? Support it by donating

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

©️ Credits

• Salah Kanjo
• All Contributors

📄 License

MIT License © 2023-PRESENT Salah Kanjo