GhData-Website/tailwind.config.js at master · JAPECorp/GhData-Website · 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
88
89
90
const {
  screens
} = require('tailwindcss/defaultTheme')

module.exports = {
  mode: 'jit',
  content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
  theme: {
    screens: {
      'xxxsm': '200px',
      'xxsm': '340px',
      'xsm': '480px',
      // ...screens
      'sm': '640px',
      'md': '768px',
      'lg': '1024px',
      '2lg': '1150px',
      'xl': '1280px',
      '2xl': '1536px',
    },
    extend: {
      colors: {
        'ghdata-green':'#38F49A',
        'ghdata-green-secondary': '#38F44A',
      },

      fontSize: {
        'ghdata-xsm': '14px',
        'ghdata-sm': '16px',
        'ghdata-md-sm': '18px',
        'ghdata-md': '20px',
        'ghdata-lg': '24px',


      },

      fontFamily: {

      },

      minHeight: (theme) => ({
        ...theme('spacing'),
        "ghdata-px-332": "332px",
        "h-ghdata-px-250": "250px"
      }),

      minWidth: (theme) => ({
        ...theme('spacing'),
      }),

      height: {
        'ghdata-px-70': '70px',
        'ghdata-px-49': '49px',
        'ghdata-px-60': '60px',
        "ghdata-px-450": "337px",

      },

      width: {
        'ghdata-px-180': '180px',
        'ghdata-px-189': '189px',
        'ghdata-px-173': '173px',
        'ghdata-px-150': '150px',
        'ghdata-px-580': '450px',
        'ghdata-px-506': '506px',
        'ghdata-pct-13': '13%',
        'ghdata-pct-19': '19%'
      },

      scale: {
        'ghdata-scale-btn': '.98'
      },

      borderRadius: {
        'ghdata-px-12': '12px',
      },

      backgroundImage: {
        "ghdata-section-gradient":
        "linear-gradient(0deg, #359E6C 10.84%, #38F49A 93.27%)"
      },


    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
}