nft-template-react/tailwind.config.js at master · giadan89/nft-template-react · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  darkMode: 'class',
  theme: {
    screens: {
      mobile: { max: '767px' },
      tablet: { max: '1023px' },
      xs: '400px',
      sm: '640px',
      md: '768px',
      lg: '1024px',
      xl: '1440px',
      hd: '1920px'
    },

    colors: {
      primary: '#F9FF73',
      secondary: '#78DCE8',

      black: '#000000',
      white: '#FFFFFF',
      yellow: '#F9FF73',
      orange: '#F7AF39',
      green: '#A9DC76',
      violet: '#AB9DF2',
      blue: '#78dce8',

      bg: '#f0f2da',
      bgDark: '#141721'
    },

    fontFamily: {
      sans: ['IBM Plex Sans', 'ui-sans-serif', 'system-ui'],
      inter: ['Inter', 'ui-sans-serif', 'system-ui']
    },

    container: {
      center: true,
      screens: {
        lx: '1440px'
      },
      padding: {
        DEFAULT: '1rem'
      }
    },

    extend: {
      gridTemplateColumns: {
        nft: 'repeat(auto-fill, minmax(220px, 1fr))',
        large: 'repeat(auto-fill, minmax(280px, 1fr))',
        small: 'repeat(auto-fill, minmax(180px, 1fr))'
      },
      zIndex: {
        1: 1,
        2: 2,
        3: 3
      }
    }
  },
  corePlugins: {
    preflight: false
  },
  plugins: []
}