ergoweb/tailwind.config.js at master · ergoplatform/ergoweb · 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
76
77
78
79
80
81
82
83
84
85
86
87
module.exports = {
  variants: {
    animation: ['motion-safe'],
  },
  darkMode: 'class',
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './sections/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    screens: {
      '2xs': '280px',
      xs: '320px',
      sm: '640px',
      md: '768px',
      lg: '1024px',
      xl: '1280px',
      '2xl': '1536px',
    },
    extend: {
      animation: {
        fadeIn: 'fadeIn 2s ease-in forwards',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: 0 },
          '100%': { opacity: 1 },
        },
      },
      colors: {
        brand: {
          orange: {
            DEFAULT: '#FF5E18',
            light: '#FF8C4D',
            dark: '#CC4B14',
          },
          black: {
            DEFAULT: '#141414',
            light: '#333333',
            dark: '#000000',
          },
        },
        gray: {
          50: '#F9FAFB',
          100: '#F3F4F6',
          200: '#E5E7EB',
          300: '#D1D5DB',
          400: '#9CA3AF',
          500: '#6B7280',
          600: '#4B5563',
          700: '#374151',
          800: '#1F2937',
          900: '#111827',
        },
      },
      fontFamily: {
        'vinila-extended': ['Vinila Extended', 'sans-serif'],
        'vinila-extended-bold': ['Vinila Extended Bold', 'sans-serif'],
        'vinila-extended-light': ['Vinila Extended Light', 'sans-serif'],
        roboto: ['Roboto', 'sans-serif'],
      },
      margin: {
        4: '1.5rem',
      },
      fontSize: {
        h1: '120px',
        h2: '96px',
        h3: '70px',
        h4: '56px',
        'font-subtitle-1': '56px',
        'font-subtitle-2': '32px',
        'font-subtitle-3': '24px',
        'font-subtitle-3-uppercase': '24px',
        'font-subtitle-3-bold': '24px',
        'font-subtitle-3-regular': '24px',
        'font-subtitle-4': '20px',
        'font-body-2-bold': '14px',
        'font-body-2-regular': '14px',
        'font-button': '18px',
        'font-button-bold': '16px',
        'font-button-regular': '16px',
      },
    },
  },
  plugins: [],
};