-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
47 lines (47 loc) · 1.24 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
module.exports = {
content: ["./src/**/*.{js,jsx,ts,tsx}"],
theme: {
extend: {
boxShadow: {
"3xl": "0 0 40px 0 rgb(22 22 25 / 10%)",
},
colors: {
primary: "#f75454",
},
flex: {
ant: "0 0 25%",
ant50: "0 0 50%",
ant75: "0 0 75%",
ant100: "0 0 100%",
flexIphone: "0 0 100%",
},
},
screens: {
iphone: "260px",
// tablet: "768px",
// ipad: "992px",
// sm: "640px",
// // => @media (min-width: 640px) { ... }
md: "540px",
// // => @media (min-width: 768px) { ... }
lg: "1280px",
// // => @media (min-width: 1024px) { ... }
// xl: "1280px",
// // => @media (min-width: 1280px) { ... }
// "2xl": "1536px",
// // => @media (min-width: 1536px) { ... }
// // => @media (min-width: 640px) { ... }
// // laptop: "1024px",
// // // => @media (min-width: 1024px) { ... }
desktop: "1280px",
// // // => @media (min-width: 1280px) { ... }
// },
// maxWidth: {
// "1/2": "50%",
// "13/20": "65%",
// "7/20": "35%",
// "3/4": "25%",
},
},
plugins: [require("@tailwindcss/line-clamp")],
};