code-challenge-rails/tailwind.config.js at main · dbl-works/code-challenge-rails · 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: {
    enabled: false,
    content: [
      './app/vue/**/*.vue',
      './app/vue/**/*.ts',
      './app/vue/**/*.js',
    ],
    options: {
      whitelist: [],
    },
  },
  future: {
    removeDeprecatedGapUtilities: true,
    purgeLayersByDefault: true,
  },
  theme: {
    extend: {
      colors: {
        transparent: 'transparent',
        black: '#000000',
        white: '#ffffff',
        text: '#1F2D3F',
        blue: {
          default: '#0AAFFF',
          'border-100': '#E5E9F1',
          'border-200': '#c2ccd9',
          100: '#e7f7ff',
          200: '#c2ccd9',
        },
        bg: {
          100: '#F9FAFC',
          200: 'rgba(31, 45, 63, 0.2)',
        },
        gray: {
          100: '#ecedef',
        },
        navy: {
          300: '#8592A3',
          800: '#3E4856',
        },
        red: {
          default: '#eb5757',
          100: 'rgba(235, 87, 87, 0.1)',
        },
        green: {
          default: '#2ecc80',
          100: '#ebfaf3',
        },
        orange: {
          default: '#ff7d51',
          100: 'rgba(255, 125, 81, 0.1)',
        },
        yellow: {
          default: '#ffc212',
        },
      },
      height: {
        3.5: '0.875rem',
        7.5: '1.875rem',
        9: '2.25rem',
        9.5: '2.375rem',
        15: '3.75rem',
        19: '4.75rem',
        '11/12': '90%',
      },
      width: {
        3.5: '0.875rem',
        7: '2rem',
        10.5: '2.625rem',
        19: '4.75rem',
        25: '5.25rem',
        27.5: '6.875rem',
        30: '7.5rem',
        65: '16.25rem',
        75: '18.75rem',
        125: '31.25rem',
        160: '40rem',
        161.5: '40.375rem',
        '30pct': '30%',
        '13pct': '13%',
        '9pct': '9%',
        '18pct': '18%',
        '15pct': '15%',
      },
      maxWidth: {
        50: '12rem',
        160: '40rem',
      },
      spacing: {
        2.5: '0.625rem',
      },
      borderRadius: {
        xl: '0.625rem',
        '6px': '6px',
        '30px': '30px',
      },
      fontSize: {
        xxs: '0.625rem',
      },
      scale: {
        99: '.99',
      },
      boxShadow: {
        default: '0px 4px 40px rgba(28, 30, 36, 0.1)',
      },
      customForms: (theme) => ({
        default: {
          radio: {
            borderColor: theme('colors.blue.200'),
            '&:focus': {
              boxShadow: undefined,
              borderColor: undefined,
            },
          },
        },
      }),
    },
  },
  variants: {},
  plugins: [],
}