-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.ts
97 lines (90 loc) · 1.96 KB
/
tailwind.config.ts
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
import type { Config } from "tailwindcss";
const config: Config = {
content: [
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
"./components/**/*.{js,ts,jsx,tsx,mdx}",
"./app/**/*.{js,ts,jsx,tsx,mdx}",
"./phaser/**/*.{js,ts,jsx,tsx,mdx}",
],
plugins: [
require("tailwind-scrollbar")({ nocompatible: true }),
],
theme: {
extend: {
backgroundImage: {
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
"gradient-conic":
"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
},
height: {
'270': '270px',
'170':'170px',
'22%':"22%",
'500': '500px',
'300': '300px',
'90%':'90%',
'75%':'75%',
'70%':'70%',
'65%':'65%',
'45%':"45%",
'23%':'23%',
'36%':"36%",
"34%":"34%",
"32%":"32%",
"30%":"30%",
"19%":"19%",
'10%':'10%',
'73%':"73%",
"98%":"98%",
"87%":"87%",
"93%":"93%",
"85%":"85%",
},
width: {
'500': '500px',
'300': '300px',
'45%':"45%",
'90%':'90%',
'75%':'75%',
'70%':'70%',
'22%':'22%',
'23%':'23%',
'36%':"36%",
"34%":"34%",
"32%":"32%",
"30%":"30%",
"19%":"19%",
'10%':'10%',
'73%':"73%",
'76%':"76%",
'67%':"67%",
'56%':"56%",
'48%':"48%",
"98%":"98%",
},
spacing:{
'15%':"15%",
"30%":"30%",
"5%":"5%",
"7%":"7%",
"2%":"2%",
"1%":"1%",
"3%":"3%",
"10%": "10%",
"13%": "13%",
"40%": "40%",
"60%": "60%",
"8%": "8%",
"12%": "12%",
"100": "100px",
"17%": "19%",
"21%": "21%",
"22%": "22%",
"23%": "23%",
"4%": "4%",
"20%": "20%",
},
},
},
};
export default config;