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
TypeScript
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 };