@metamask/design-system-tailwind-preset
Version:
Design System Tailwind CSS preset for MetaMask projects
30 lines • 1.1 kB
text/typescript
/**
* We want to allow for the combination of shadow size and color utilities.
* Shadow size should default to --color-shadow-default.
* e.g. className="shadow-md" (size medium / color default)
* We also want to allow for the combination of shadow size and color utilities.
* e.g. className="shadow-md shadow-primary" (size medium / color primary)
*
* To achieve this we define the following order:
* size / (color placeholder / color default fallback)
*/
export declare const shadows: {
xs: string;
sm: string;
md: string;
lg: string;
};
export declare const shadowColors: {
default: string;
primary: string;
error: string;
};
/**
* The shadowPlugin is a Tailwind CSS plugin that allows the --shadow-color CSS variable to be set based on the shadow color utility class.
* This enables the combination of shadow size and color utilities.
*/
export declare const shadowPlugin: {
handler: import("tailwindcss/types/config").PluginCreator;
config?: Partial<import("tailwindcss/types/config").Config> | undefined;
};
//# sourceMappingURL=shadows.d.mts.map