-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
44 lines (43 loc) · 1.02 KB
/
tailwind.config.js
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
const defaultTheme = require('tailwindcss/defaultTheme');
module.exports = {
purge: [
'./app/views/**/*.html.erb',
'./app/javascript/components/**/*.vue',
'./app/components/**/*.html.erb',
'./app/pages/**/*.html.erb',
],
theme: {
extend: {
fontFamily: {
sans: ['Inter', ...defaultTheme.fontFamily.sans],
},
cursor: {
'ew-resize': 'ew-resize',
...defaultTheme.cursor,
},
maxWidth: {
'8xl': '90rem',
...defaultTheme.maxWidth,
},
opacity: {
'15': '0.15',
'30': '0.3',
...defaultTheme.opacity,
},
height: {
...defaultTheme.height,
'140': '36rem',
},
boxShadow: {
...defaultTheme.boxShadow,
custom:
'rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px',
},
},
},
variants: {
opacity: ['responsive', 'group-hover'],
borderWidth: ['responsive', 'first'],
},
plugins: [require('@tailwindcss/ui')],
};