json-prettier/tailwind.config.js at main · sardapv/json-prettier · 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
/* refer for more details https://tailwindcss.com/docs/configuration */

module.exports = {
  purge: [],
  darkMode: false,
  theme: {
    fontFamily: {
      primary: ['Poppins'],
      secondary: ['Open Sans'],
    },
    borderRadius: {
      none: '0',
      tiny: '5px',
      sm: '8px',
      DEFAULT: '12px',
      md: '14px',
      lg: '24px',
      full: '9999px',
    },
    minWidth: {
      0: '0',
      '1/4': '25%',
      '1/2': '50%',
      '3/4': '75%',
      full: '100%',
    },
    fontSize: {
      tiny: '8px',
      xs: '12px',
      sm: '14px',
      base: '15px',
      lg: '16px',
      xl: '35px',
      '2xl': '45px',
      '3xl': '75px',
    },
    colors: {
      transparent: 'transparent',
      primary: {
        100: '#c2c6cf',
        200: '#9aa0b0',
        300: '#727990',
        400: '#535d78',
        500: '#354060',
        600: '#303a58',
        700: '#28324e',
        800: '#222a44',
        900: '#161c33',
      },
      secondary: {
        100: '#b3e5fc',
        200: '#80d4fa',
        300: '#4dc2f7',
        400: '#26b5f6',
        500: '#00a8f4',
        600: '#00a0f3',
        700: '#0097f1',
        800: '#008def',
        900: '#007dec',
      },
      light: {
        500: '#fff',
      },
      grey: {
        500: '#3c3d44',
      },
      yellow: {
        500: '#f2b619',
      },
      success: {
        500: '#95c602',
      },
      danger: {
        500: '#ff1717',
      },
    },
    extend: {
      width: {
        '1/10': '10%',
        '1.5/10': '15%',
        '3/10': '30%',
        '3.5/10': '35%',
        '4.5/10': '45%',
        '5.5/10': '55%',
        '6.5/10': '65%',
        '7/10': '70%',
        '8.5/10': '85%',
        '9/10': '90%',
        '9.5/10': '95%',
      },
      height: {
        '1/10': '10%',
        '1.5/10': '15%',
        '3/10': '30%',
        '3.5/10': '35%',
        '4.5/10': '45%',
        '5.5/10': '55%',
        '6.5/10': '65%',
        '7/10': '70%',
        '8.5/10': '85%',
        '9/10': '90%',
        '9.5/10': '95%',
      },
    },
  },
  variants: {},
  plugins: [],
  corePlugins: {
    outline: true,
  },
};