-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathtailwind.config.js
More file actions
117 lines (105 loc) · 2.41 KB
/
tailwind.config.js
File metadata and controls
117 lines (105 loc) · 2.41 KB
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
import {nextui} from "@nextui-org/react";
/** @type {import('tailwindcss').Config} */
const defaultTheme = require("tailwindcss/defaultTheme")
module.exports = {
darkMode: "class",
content: [
"./app/**/*.{js,ts,jsx,tsx,mdx}",
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
"./components/**/*.{js,ts,jsx,tsx,mdx}",
"./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
// Or if using `src` directory:
"./src/**/*.{js,ts,jsx,tsx,mdx}",
],
safelist: [
'bg-red-100',
'bg-red-200',
'bg-red-300',
'bg-red-400',
'bg-red-500',
'bg-red-600',
'bg-red-700',
'bg-red-800',
'bg-red-900',
'bg-yellow-100',
'bg-yellow-200',
'bg-yellow-300',
'bg-yellow-400',
'bg-yellow-500',
'bg-yellow-600',
'bg-yellow-700',
'bg-yellow-800',
'bg-yellow-900',
'bg-indigo-100',
'bg-indigo-200',
'bg-indigo-300',
'bg-indigo-400',
'bg-indigo-500',
'bg-indigo-600',
'bg-indigo-700',
'bg-indigo-800',
'bg-indigo-900',
'bg-blue-100',
'bg-blue-200',
'bg-blue-300',
'bg-blue-400',
'bg-blue-500',
'bg-blue-600',
'bg-blue-700',
'bg-blue-800',
'bg-blue-900',
'text-red-100',
'text-red-200',
'text-red-300',
'text-red-400',
'text-red-500',
'text-red-600',
'text-red-700',
'text-red-800',
'text-red-900',
'text-yellow-100',
'text-yellow-200',
'text-yellow-300',
'text-yellow-400',
'text-yellow-500',
'text-yellow-600',
'text-yellow-700',
'text-yellow-800',
'text-yellow-900',
'text-indigo-100',
'text-indigo-200',
'text-indigo-300',
'text-indigo-400',
'text-indigo-500',
'text-indigo-600',
'text-indigo-700',
'text-indigo-800',
'text-indigo-900',
'text-blue-100',
'text-blue-200',
'text-blue-300',
'text-blue-400',
'text-blue-500',
'text-blue-600',
'text-blue-700',
'text-blue-800',
'text-blue-900',
],
theme: {
screens: {
"xs": "475px",
'md': '768px',
...defaultTheme.screens
},
extend: {
opacity:["disabled"],
cursor:["disabled"],
flex: {
"2": "2 2 0%",
"3": "3 3 0%",
"4": "4 4 0%"
},
},
},
plugins: [nextui()],
}