47 lines
1.1 KiB
JavaScript
47 lines
1.1 KiB
JavaScript
|
/** @type {import('tailwindcss').Config} */
|
||
|
|
module.exports = {
|
||
|
|
content: ["./src/**/*.{js,jsx,ts,tsx}"],
|
||
|
|
theme: {
|
||
|
|
screens: {
|
||
|
|
xs: "475px",
|
||
|
|
sm: "640px",
|
||
|
|
md: "768px",
|
||
|
|
lg: "1024px",
|
||
|
|
xl: "1280px",
|
||
|
|
"2xl": "1536px",
|
||
|
|
// Custom tablet breakpoints for better iPad support
|
||
|
|
tablet: "768px", // Standard tablets (iPad Mini and up)
|
||
|
|
"tablet-lg": "1024px", // Large tablets (iPad Pro)
|
||
|
|
},
|
||
|
|
extend: {
|
||
|
|
colors: {
|
||
|
|
primary: {
|
||
|
|
50: "#f0f9ff",
|
||
|
|
100: "#e0f2fe",
|
||
|
|
200: "#bae6fd",
|
||
|
|
300: "#7dd3fc",
|
||
|
|
400: "#38bdf8",
|
||
|
|
500: "#0ea5e9",
|
||
|
|
600: "#0284c7",
|
||
|
|
700: "#0369a1",
|
||
|
|
800: "#075985",
|
||
|
|
900: "#0c4a6e",
|
||
|
|
},
|
||
|
|
purple: {
|
||
|
|
50: "#faf5ff",
|
||
|
|
100: "#f3e8ff",
|
||
|
|
200: "#e9d5ff",
|
||
|
|
300: "#d8b4fe",
|
||
|
|
400: "#c084fc",
|
||
|
|
500: "#a855f7",
|
||
|
|
600: "#9333ea",
|
||
|
|
700: "#7e22ce",
|
||
|
|
800: "#6b21a8",
|
||
|
|
900: "#581c87",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
plugins: [],
|
||
|
|
};
|