dev-tools/tailwind.config.ts at develop · betterbugs/dev-tools · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  mode: 'jit',
  theme: {
    fontFamily: {
      body: ['Poppins', 'sans-serif'],
      heading: 'Pecita',
      ink_free: 'Ink Free',
    },
    extend: {
      spacing: {
        68: '280px',
      },
      width: {
        22: '22.5rem',
        70: '17rem',
      },
      container: {
        center: true, // Center the container
        padding: '1rem', // Default padding
        screens: {
          sm: '640px',
          md: '768px',
          lg: '1024px',
          xl: '1170px', // Custom container width for xl
          '2xl': '1170px', // Ensure the container does not grow beyond 1170px
        },
      },
      height: {
        84: '22rem',
      },
    },
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      white: '#ffffff',
      primary: '#00da92',
      black: '#000000',
      secondary: '#12312b',
      red: '#FF5454',
      grey: '#9E9E9E',
      'light-primary': '#262F2D',
      'lighter-primary': '#C4E5DC',
      'body-primary': '#1B2422',
      'light-blue': '#49a8ff',
      'light-grey': '#A8A8A8',
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};