tailwind-variant.macro

A Babel Macro that apply Tailwind Screen / Variant to multiple utility classes

Example

import { tw } from "tailwind-variant.macro";

const className = tw.disabled`cursor-not-allowed opacity-50`;

This code is transpiled into:

const className = "disabled:cursor-not-allowed disabled:opacity-50";