65 lines
1.3 KiB
TypeScript
65 lines
1.3 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
content: [
|
|
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
screens: {
|
|
'xs': '375px',
|
|
'sm': '640px',
|
|
'md': '768px',
|
|
'lg': '1024px',
|
|
'xl': '1280px',
|
|
'2xl': '1536px',
|
|
},
|
|
extend: {
|
|
container: {
|
|
center: true,
|
|
padding: {
|
|
DEFAULT: '1rem',
|
|
xs: '1rem',
|
|
sm: '2rem',
|
|
md: '2rem',
|
|
lg: '4rem',
|
|
xl: '5rem',
|
|
'2xl': '6rem',
|
|
},
|
|
screens: {
|
|
'xs': '375px',
|
|
'sm': '640px',
|
|
'md': '768px',
|
|
'lg': '1024px',
|
|
'xl': '1280px',
|
|
'2xl': '1536px',
|
|
},
|
|
},
|
|
spacing: {
|
|
'18': '4.5rem',
|
|
'112': '28rem',
|
|
'128': '32rem',
|
|
},
|
|
fontSize: {
|
|
'xxs': '0.625rem',
|
|
'xs': '0.75rem',
|
|
'sm': '0.875rem',
|
|
'base': '1rem',
|
|
'lg': '1.125rem',
|
|
'xl': '1.25rem',
|
|
'2xl': '1.5rem',
|
|
'3xl': '1.875rem',
|
|
'4xl': '2.25rem',
|
|
'5xl': '3rem',
|
|
'6xl': '3.75rem',
|
|
'7xl': '4.5rem',
|
|
'8xl': '6rem',
|
|
'9xl': '8rem',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
|
|
export default config;
|