-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
38 lines (38 loc) · 1.12 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
module.exports = {
purge: [
"./src/pages/**/*.{js,ts,jsx,tsx}",
"./src/components/**/*.{js,ts,jsx,tsx}",
],
darkMode: false, // or 'media' or 'class'
theme: {
boxShadow: {
sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
DEFAULT:
"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
md:
"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
lg:
"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
xl:
"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
t: "0 -1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
orange: "0px 20px 20px -15px rgba(245,56,56,0.81) ",
"orange-md": "0px 20px 40px -15px rgba(245,56,56,0.81) ",
none: "none",
},
extend: {
colors: {
'regal-blue': '#243c5a',
'square-black': '#b59963',
'square-white': '#f0d9b5'
},
},
},
variants: {
extend: {
boxShadow: ["active", "hover"],
opacity: ["disabled"],
},
},
plugins: [require("@tailwindcss/forms")],
};