-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
52 lines (51 loc) · 1.34 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
45
46
47
48
49
50
51
52
/* eslint-disable */
const colors = require('tailwindcss/colors');
module.exports = {
mode: 'jit',
content: ["./src/**/*.{html,js,ts,jsx,tsx}"],
darkMode: 'media',
theme: {
extend: {
colors: {
primary: colors.blue,
secondary: colors.zinc,
success: colors.green,
info: colors.cyan,
danger: colors.red,
warning: colors.amber,
},
animation: {
'slide-down': 'slide-down .15s ease 1',
},
keyframes: {
'slide-down': {
'0%': {
opacity: 0,
transform: 'translateY(-1.6rem)'
},
'100%': {
opacity: 1,
transform: 'translateY(0)'
},
}
}
},
minWidth: {
'2': '0.25rem',
'3': '0.75rem',
'4': '1rem',
'6': '1.5rem',
'12': '3rem',
'24': '6rem',
'32': '8rem',
},
},
plugins: [
require('@tailwindcss/forms'),
// require('@tailwindcss/typography'),
require('tailwind-scrollbar'),
],
variants: {
scrollbar: ['dark']
}
};