@swapper-finance/sdk
Version:
JavaScript SDK form Swapper
53 lines (46 loc) • 2.67 kB
JavaScript
/** @type {import("tailwindcss").Config} */
export default {
content: ["src/components/**/*.{ts,tsx}", "src/context/**/*.{ts,tsx}"],
theme: {
fontFamily: {
body: ['Cabin', "Tahoma", "Verdana", "ui-sans-serif"],
sans: ["Cabin", "Tahoma", "Verdana", "ui-sans-serif"],
},
extend: {
colors: {
t_theme_color: 'color-mix(in srgb, var(--theme-color) calc(<alpha-value> * 100%), transparent)',
t_text_primary: `color-mix(in srgb, var(--text-primary) calc(<alpha-value> * 100%), transparent)`,
t_text_secondary: `color-mix(in srgb, var(--theme-color) calc(<alpha-value> * 100%), transparent)`,
t_text_red: 'color-mix(in srgb, var(--text-red) calc(<alpha-value> * 100%), transparent)',
t_text_orange: 'color-mix(in srgb, var(--text-orange) calc(<alpha-value> * 100%), transparent)',
t_text_green: 'color-mix(in srgb, var(--text-green) calc(<alpha-value> * 100%), transparent)',
t_bg_primary: 'color-mix(in srgb, var(--bg-primary) calc(<alpha-value> * 100%), transparent)',
t_bg_secondary: 'color-mix(in srgb, var(--bg-secondary) calc(<alpha-value> * 100%), transparent)',
t_bg_tertiary: 'color-mix(in srgb, var(--bg-tertiary) calc(<alpha-value> * 100%), transparent)',
t_button_pr_off_text: 'color-mix(in srgb, var(--button-pr-off-text) calc(<alpha-value> * 100%), transparent)',
t_button_pr_off_bg: 'color-mix(in srgb, var(--button-pr-off-bg) calc(<alpha-value> * 100%), transparent)',
t_button_pr_text: 'color-mix(in srgb, var(--button-pr-text) calc(<alpha-value> * 100%), transparent)',
t_button_pr_bg: 'color-mix(in srgb, var(--theme-color) calc(<alpha-value> * 100%), transparent)',
t_success_dark: 'color-mix(in srgb, var(--success-dark) calc(<alpha-value> * 100%), transparent)',
t_success_light: 'color-mix(in srgb, var(--success-light) calc(<alpha-value> * 100%), transparent)',
t_warning_dark: 'color-mix(in srgb, var(--warning-dark) calc(<alpha-value> * 100%), transparent)',
t_warning_light: 'color-mix(in srgb, var(--warning-light) calc(<alpha-value> * 100%), transparent)',
t_error_dark: 'color-mix(in srgb, var(--error-dark) calc(<alpha-value> * 100%), transparent)',
t_error_light: 'color-mix(in srgb, var(--error-light) calc(<alpha-value> * 100%), transparent)',
},
minWidth: {
x_modal: "360px",
},
maxWidth: {
x_modal: "var(--modal-width, 480px)",
},
animation: {
"spin-slow": "spin 3s linear infinite",
},
borderRadius: {
x_radius: "var(--radius, 6px)",
}
},
},
plugins: [],
};