intania-form/tailwind.config.ts at main · esc-chula/intania-form · 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
58
59
60
61
62
63
64
65
import type { Config } from 'tailwindcss'
import tailwindcssAnimate from 'tailwindcss-animate'
import { fontFamily } from 'tailwindcss/defaultTheme'

const config: Config = {
  content: [
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: [
          'var(--font-inter)',
          'var(--font-ibm-plex-sans-thai)',
          ...fontFamily.sans,
        ],
        inter: ['var(--font-inter)', ...fontFamily.sans],
        thai: ['var(--font-ibm-plex-sans-thai)', ...fontFamily.sans],
      },
      colors: {
        carmine: {
          50: 'hsl(var(--esc-carmine-50))',
          100: 'hsl(var(--esc-carmine-100))',
          200: 'hsl(var(--esc-carmine-200))',
          300: 'hsl(var(--esc-carmine-300))',
          400: 'hsl(var(--esc-carmine-400))',
          500: 'hsl(var(--esc-carmine-500))',
          600: 'hsl(var(--esc-carmine-600))',
          700: 'hsl(var(--esc-carmine-700))',
          800: 'hsl(var(--esc-carmine-800))',
          900: 'hsl(var(--esc-carmine-900))',
        },
        primary: {
          DEFAULT: 'hsl(var(--esc-carmine-500))',
        },
      },
      borderWidth: {
        default: '2px',
      },
      borderColor: {
        default: '#EFEFEF',
      },
      borderRadius: {
        box: '2rem',
      },
      boxShadow: {
        default: '0px 4px 40px 0px rgba(0, 0, 0, 0.05)',
      },
      fontSize: {
        title: 'var(--font-size-title)',
        'header-1': 'var(--font-size-header-1)',
        'header-2': 'var(--font-size-header-2)',
        'header-3': 'var(--font-size-header-3)',
        subtitle: 'var(--font-size-subtitle)',
        'body-1': 'var(--font-size-body-1)',
        'body-2': 'var(--font-size-body-2)',
        detail: 'var(--font-size-detail)',
      },
    },
  },
  plugins: [tailwindcssAnimate],
}

export default config