tailwindcss-preset-blueprintjs
Version:
A preset for Tailwind CSS to load colors, spacing, shadows, fonts, and transitions from BlueprintJS.
168 lines (167 loc) • 6.69 kB
TypeScript
export declare const blueprint: {
theme: {
extend: {
colors: {
"bp5-black": string;
"bp5-white": string;
"bp5-dark-gray-1": string;
"bp5-dark-gray-2": string;
"bp5-dark-gray-3": string;
"bp5-dark-gray-4": string;
"bp5-dark-gray-5": string;
"bp5-gray-1": string;
"bp5-gray-2": string;
"bp5-gray-3": string;
"bp5-gray-4": string;
"bp5-gray-5": string;
"bp5-light-gray-1": string;
"bp5-light-gray-2": string;
"bp5-light-gray-3": string;
"bp5-light-gray-4": string;
"bp5-light-gray-5": string;
"bp5-blue-1": string;
"bp5-blue-2": string;
"bp5-blue-3": string;
"bp5-blue-4": string;
"bp5-blue-5": string;
"bp5-green-1": string;
"bp5-green-2": string;
"bp5-green-3": string;
"bp5-green-4": string;
"bp5-green-5": string;
"bp5-orange-1": string;
"bp5-orange-2": string;
"bp5-orange-3": string;
"bp5-orange-4": string;
"bp5-orange-5": string;
"bp5-red-1": string;
"bp5-red-2": string;
"bp5-red-3": string;
"bp5-red-4": string;
"bp5-red-5": string;
"bp5-vermilion-1": string;
"bp5-vermilion-2": string;
"bp5-vermilion-3": string;
"bp5-vermilion-4": string;
"bp5-vermilion-5": string;
"bp5-rose-1": string;
"bp5-rose-2": string;
"bp5-rose-3": string;
"bp5-rose-4": string;
"bp5-rose-5": string;
"bp5-violet-1": string;
"bp5-violet-2": string;
"bp5-violet-3": string;
"bp5-violet-4": string;
"bp5-violet-5": string;
"bp5-indigo-1": string;
"bp5-indigo-2": string;
"bp5-indigo-3": string;
"bp5-indigo-4": string;
"bp5-indigo-5": string;
"bp5-cerulean-1": string;
"bp5-cerulean-2": string;
"bp5-cerulean-3": string;
"bp5-cerulean-4": string;
"bp5-cerulean-5": string;
"bp5-turquoise-1": string;
"bp5-turquoise-2": string;
"bp5-turquoise-3": string;
"bp5-turquoise-4": string;
"bp5-turquoise-5": string;
"bp5-forest-1": string;
"bp5-forest-2": string;
"bp5-forest-3": string;
"bp5-forest-4": string;
"bp5-forest-5": string;
"bp5-lime-1": string;
"bp5-lime-2": string;
"bp5-lime-3": string;
"bp5-lime-4": string;
"bp5-lime-5": string;
"bp5-gold-1": string;
"bp5-gold-2": string;
"bp5-gold-3": string;
"bp5-gold-4": string;
"bp5-gold-5": string;
"bp5-sepia-1": string;
"bp5-sepia-2": string;
"bp5-sepia-3": string;
"bp5-sepia-4": string;
"bp5-sepia-5": string;
"bp5-intent-primary": string;
"bp5-intent-success": string;
"bp5-intent-warning": string;
"bp5-intent-danger": string;
"bp5-app-background-color": string;
"bp5-app-background-color-dark": string;
"bp5-text-color": string;
"bp5-text-color-dark": string;
"bp5-text-color-muted": string;
"bp5-text-color-muted-dark": string;
"bp5-text-color-disabled": string;
"bp5-text-color-disabled-dark": string;
"bp5-heading-color": string;
"bp5-heading-color-dark": string;
"bp5-link-color": string;
"bp5-link-color-dark": string;
"bp5-text-selection-color": string;
"bp5-icon-color": string;
"bp5-icon-color-dark": string;
"bp5-icon-color-hover": string;
"bp5-icon-color-hover-dark": string;
"bp5-icon-color-disabled": string;
"bp5-icon-color-disabled-dark": string;
"bp5-icon-color-selected": string;
"bp5-icon-color-selected-dark": string;
"bp5-divider-black": string;
"bp5-divider-black-dark": string;
"bp5-divider-black-muted": string;
"bp5-divider-white-dark": string;
"bp5-divider-white-muted": string;
"bp5-code-text-color": string;
"bp5-code-text-color-dark": string;
"bp5-code-background-color": string;
"bp5-code-background-color-dark": string;
};
spacing: {
"bp5-grid-1": string;
"bp5-grid-2": string;
"bp5-grid-3": string;
"bp5-grid-4": string;
"bp5-grid-0.5": string;
"bp5-grid-1.5": string;
};
boxShadow: {
"bp5-elevation-0": string;
"bp5-elevation-0-dark": string;
"bp5-elevation-1": string;
"bp5-elevation-1-dark": string;
"bp5-elevation-2": string;
"bp5-elevation-2-dark": string;
"bp5-elevation-3": string;
"bp5-elevation-3-dark": string;
"bp5-elevation-4": string;
"bp5-elevation-4-dark": string;
"bp5-input": string;
"bp5-input-dark": string;
"bp5-dialog": string;
"bp5-dialog-dark": string;
"bp5-popover": string;
"bp5-popover-dark": string;
"bp5-tooltip": string;
"bp5-tooltip-dark": string;
"bp5-toast": string;
"bp5-toast-dark": string;
};
fontFamily: {
"bp5-sans": string[];
"bp5-mono": string[];
};
transitionTimingFunction: {
bp5: string;
"bp5-bounce": string;
};
};
};
};