CloudManagerClient/tailwindcss.config.js at master · shegx01/CloudManagerClient · 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
112
113
114
115
116
117
118
119
120
121
122
module.exports = {
  purge: [],
  theme: {
    screens: {
      sm: '640px',
      md: '768px',
      lg: '1366px',
      xl: '1440px'
    },
    extend: {
      fontFamily: {
        sans: [
          'Inter',
          'system-ui',
          '-apple-system',
          'BlinkMacSystemFont',
          '"Segoe UI"',
          'Roboto',
          '"Helvetica Neue"',
          'Arial',
          '"Noto Sans"',
          'sans-serif',
          '"Apple Color Emoji"',
          '"Segoe UI Emoji"',
          '"Segoe UI Symbol"',
          '"Noto Color Emoji"'
        ],
        serif: ['Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'],
        mono: [
          'Menlo',
          'Monaco',
          'Consolas',
          '"Liberation Mono"',
          '"Courier New"',
          'monospace'
        ]
      },
      colors: {
        gray: {
          lightest: '#F0F4F8',
          200: '#D9E2EC',
          300: '#BCCCDC',
          400: '#9FB3C8',
          500: '#829AB1',
          600: '#627D98',
          700: '#486581',
          800: '#334E68',
          900: '#243B53',
          darkest: '#102A43'
        },
        danger: {
          lightest: '#FFE3E3',
          200: '#FFBDBD',
          300: '#FF9B9B',
          400: '#F86A6A',
          500: '#EF4E4E',
          600: '#E12D39',
          700: '#CF1124',
          800: '#AB091E',
          900: '#8A041A',
          darkest: '#610316'
        },
        warning: {
          lightest: '#FFFBEA',
          200: '#FFF3C4',
          300: '#FCE588',
          400: '#FADB5F',
          500: '#F7C948',
          600: '#F0B429',
          700: '#DE911D',
          800: '#CB6E17',
          900: '#B44D12',
          darkest: '#8D2B0B'
        },
        success: {
          lightest: '#EFFCF6',
          200: '#C6F7E2',
          300: '#8EEDC7',
          400: '#65D6AD',
          500: '#3EBD93',
          600: '#27AB83',
          700: '#199473',
          800: '#147D64',
          900: '#0C6B58',
          darkest: '#014D40'
        },
        app: {
          background: '#F5FAFF',
          cardBg: '#FBFCFE'
        }
      },
      spacing: {
        px2: '2px',
        px3: '3px',
        px5: '5px'
      }
    },
    inset: {
      '-px': '-1px',
      '-0': '-0',
      '-1': '-0.25rem',
      '-2': '-0.5rem',
      '-3': '-0.75rem',
      '-4': '-1rem',
      '-5': '-1.25rem',
      '-6': '-1.5rem',
      '-8': '-2rem',
      '-10': '-2.5rem',
      '-12': '-3rem',
      '-16': '-4rem',
      '-20': '-5rem',
      '-24': '-6rem',
      '-32': '-8rem',
      '-40': '-10rem',
      '-48': '-12rem',
      '-56': '-14rem',
      '-64': '-16rem'
    }
  },
  variants: {},
  plugins: []
}