-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
55 lines (55 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
48
49
50
51
52
53
54
55
/** @type {import('tailwindcss').Config} */
export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {
colors: {
primary: {
50: "#faf5ff",
100: "#f3e8ff",
200: "#e9d5ff",
300: "#d8b4fe",
400: "#c084fc",
500: "#a855f7",
600: "#9333ea",
700: "#7e22ce",
800: "#6b21a8",
900: "#581c87",
950: "#3b0764",
},
},
transitionDuration: {
100: "100ms",
200: "200ms",
300: "300ms",
400: "400ms",
500: "500ms",
600: "600ms",
700: "700ms",
800: "800ms",
900: "900ms",
1000: "1000ms",
1100: "1100ms",
1200: "1200ms",
1300: "1300ms",
1400: "1400ms",
1500: "1500ms",
1600: "1600ms",
1700: "1700ms",
1800: "1800ms",
1900: "1900ms",
2000: "2000ms",
2100: "2100ms",
2200: "2200ms",
2300: "2300ms",
2400: "2400ms",
2500: "2500ms",
},
screens: {
tablet: { max: "768px" },
laptop: { max: "1024px" },
},
},
},
plugins: [require("@tailwindcss/aspect-ratio")],
};