@pnpmmono/tailwind-utils
Version:
A utility package for working with Tailwind CSS
29 lines (28 loc) • 753 B
JavaScript
// src/index.ts
import { defaultConfig as tailwindDefaultConfig } from "@pnpmmono/tailwind-plugin";
import { clsx } from "clsx";
import { extendTailwindMerge } from "tailwind-merge";
import resolveConfig from "tailwindcss/resolveConfig";
var {
theme: { colors, fontSize }
} = resolveConfig(tailwindDefaultConfig);
var textColorClasses = Object.getOwnPropertyNames(colors).map(
(color) => `text-${color}`
);
var fontSizeClasses = Object.getOwnPropertyNames(fontSize).map(
(size) => `text-${size}`
);
var cn = (...args) => {
const twMerge = extendTailwindMerge({
override: {
classGroups: {
"text-color": textColorClasses,
"font-size": fontSizeClasses
}
}
});
return twMerge(clsx(args));
};
export {
cn
};