portfolio/tailwind.config.ts

35 lines
809 B
TypeScript

import type { Config } from "tailwindcss";
const config: Config = {
content: [
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
"./components/**/*.{js,ts,jsx,tsx,mdx}",
"./app/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
screens: {
'phone': '0px',
'laptop': '1024px',
'desktop': '1280px',
// => @media (min-width: 1280px) { ... }
},
backgroundImage: {
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
"gradient-conic":
"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
},
dropShadow: {
glow: [
"0 0px 20px rgba(255,255, 255, 0.7)",
"0 0px 65px rgba(255, 255,255, 0.5)"
]
}
},
},
plugins: [],
};
export default config;