nomad/tailwind.config.js at main · rladmswo1715/nomad · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: 'class',
  content: ['./pages/**/*.{js,ts,jsx,tsx,mdx}', './src/**/*.{js,ts,jsx,tsx,mdx}'],
  theme: {
    extend: {
      colors: {
        'var-modal-bg': 'rgba(0, 0, 0, 0.8)',
        'footer-bg': '#112211',

        black: 'var(--color-black)',
        'nomad-black': 'var(--color-nomad-black)',
        gray: {
          500: 'var(--color-gray-500)',
          400: 'var(--color-gray-400)',
          300: 'var(--color-gray-300)',
          200: 'var(--color-gray-200)',
          100: 'var(--color-gray-100)',
          50: 'var(--color-gray-50)',
          25: 'var(--color-gray-25)',
          10: 'var(--color-gray-10)',
        },
        green: {
          DEFAULT: 'var(--color-green)',
          dark: 'var(--color-green-dark)',
          light: 'var(--color-green-light)',
        },
        red: 'var(--color-red)',
        orange: {
          DEFAULT: 'var(--color-orange)',
          light: 'var(--color-orange-light)',
        },
        yellow: 'var(--color-yellow)',
        blue: {
          DEFAULT: 'var(--color-blue)',
          light: 'var(--color-blue-light)',
          lighter: 'var(--color-blue-lighter)',
        },
      },
      inset: {
        unset: 'unset',
      },
      fontFamily: {
        sans: ['Pretendard', 'sans-serif'],
      },
      screens: {
        sm: '480px',
        md: '768px', // mobile
        lg: '1024px', // tablet
        xl: '1200px',
      },
    },
  },
  plugins: [],
};