UNPKG

@pnpmmono/tailwind-utils

Version:

A utility package for working with Tailwind CSS

29 lines (28 loc) 753 B
// 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 };