greenFriendsMagok/tailwind.config.ts at main · gf-dev-crew/greenFriendsMagok · 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
66
67
68
69
70
71
72
73
74
75
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: {
    extend: {
      screens: { xs: '380px' },
      fontFamily: {
        busan: ['Busan', 'sans-serif'],
        nanum: ['NanumSquareNeoVariable', 'sans-serif'],
      },
      backgroundImage: {
        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
        'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
      },
      fontSize: {
        '68': '4.25rem',
        '48': '3rem',
        '50': '3.125rem',
        '45': '2.8125rem',
        '42': '2.625rem',
        '36': '2.25rem',
        '32': '2rem',
        '30': '1.875rem',
        '28': '1.75rem',
        '24': '1.5rem',
        '22': '1.375rem',
        '20': '1.25rem',
        '18': '1.125rem',
        '16': '1rem',
        '15': '0.9375rem',
        '14': '0.875rem',
        '12': '0.75rem',
        '10': '0.625rem',
      },
      fontWeight: {
        regular: '400',
        medium: '500',
        semibold: '600',
        bold: '700',
        extrabold: '800',
      },
      colors: {
        primary: '#222222',
        link: '#dedede',
        white: '#ffffff',
        tertiary: '#A0D1EF',
        secondary: '#ff5100',
        warning: '#D7260D',
        down: '#f1f1f1',
        accent: '#ff4800',
        product: '#F5F5F5',
      },
    },
  },
  plugins: [],
  utilities: {
    '.sr-only': {
      position: 'absolute',
      width: '1px',
      height: '1px',
      padding: '0',
      margin: '-1px',
      overflow: 'hidden',
      clip: 'rect(0, 0, 0, 0)',
      whiteSpace: 'nowrap',
      borderWidth: '0',
    },
  },
};
export default config;