UNPKG

css2tailwind

Version:

<p align="center"> <a href="https://www.npmjs.com/package/css2tailwind" target="_blank" rel="noopener noreferrer"> <img src="https://api.iconify.design/bx:bxl-tailwind-css.svg?color=%23fdb4e2" alt="logo" width='100'/></a> </p>

50 lines (47 loc) 1.62 kB
interface ResultCode { selectorName: string; resultVal: string; } interface CustomTheme extends Record<string, undefined | Record<string, string>> { media?: Record<string, string>; 'backdrop-blur'?: Record<string, string>; 'backdrop-brightness'?: Record<string, string>; 'backdrop-contrast'?: Record<string, string>; 'backdrop-grayscale'?: Record<string, string>; 'backdrop-hue-rotate'?: Record<string, string>; 'backdrop-invert'?: Record<string, string>; 'backdrop-opacity'?: Record<string, string>; 'backdrop-saturate'?: Record<string, string>; 'backdrop-sepia'?: Record<string, string>; blur?: Record<string, string>; brightness?: Record<string, string>; contrast?: Record<string, string>; grayscale?: Record<string, string>; 'hue-rotate'?: Record<string, string>; invert?: Record<string, string>; saturate?: Record<string, string>; sepia?: Record<string, string>; scale?: Record<string, string>; rotate?: Record<string, string>; translate?: Record<string, string>; skew?: Record<string, string>; } interface TranslatorConfig { prefix?: string; /** * @default true */ useAllDefaultValues?: boolean; customTheme?: CustomTheme; } declare const specialAttribute: string[]; declare const defaultTranslatorConfig: { prefix: string; useAllDefaultValues: boolean; customTheme: {}; }; declare const CssToTailwind: (code: string, config?: TranslatorConfig) => { code: "SyntaxError" | "OK"; data: ResultCode[]; }; export { CssToTailwind, defaultTranslatorConfig, specialAttribute };