module.exports = { content: ["./components/**/*.{html,js,jsx}", "./pages/**/*.{jsx,tsx}", "./app/**/*.{html,js,jsx,tsx}", "./layouts/**/*.{jsx,tsx}"], theme: { screens: { xs: "350px", sm: "450px", md: "600px", sl: "800px", lg: "976px", xl: "1200px", }, colors: { primary: "#7174ff", "primary-light": "#9d9eff", }, fontFamily: { sans: ["Graphik", "sans-serif"], serif: ["Merriweather", "serif"], }, // extend: { // spacing: { // 128: "32rem", // 144: "36rem", // }, // borderRadius: { // "4xl": "2rem", // }, // }, }, plugins: [], corePlugins: { preflight: false, }, };