@mskelton/tailwind-size

Tailwind plugin to set width/height identically.

Installation

Install the plugin with your preferred package manager:

npm

npm install -D @mskelton/tailwind-size

pnpm

pnpm install -D @mskelton/tailwind-size

Yarn

yarn add -D @mskelton/tailwind-size

Then add the plugin to your tailwind.config.js file:

/** @type {import('tailwindcss').Config} */
module.exports = {
  theme: {
    // ...
  },
  plugins: [
    require("@mskelton/tailwind-size"),
    // ...
  ],
};

Basic usage

<p class="s-10">This element has the same width and height</p>