-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
51 lines (49 loc) · 1.21 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
/** @type {import('tailwindcss').Config} */
import defaultTheme from "tailwindcss/defaultTheme"
// cherry-pie color was created based on my photo background. You can create yours from here https://uicolors.app/create
const tailwindConfig = {
content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
theme: {
container: {
center: true,
padding: {
DEFAULT: "1rem",
xs: "2rem",
},
},
extend: {
screens: {
xs: "520px",
...defaultTheme.screens,
},
colors: {
theme: "var(--theme)",
accent: "var(--accent)",
body: "var(--body)",
color1: "var(--color1)",
color2: "var(--color2)",
color3: "var(--color3)",
color4: "var(--color4)",
color5: "var(--color5)",
"cherry-pie": {
50: "#faf4ff",
100: "#f2e7ff",
200: "#e7d2ff",
300: "#d5afff",
400: "#bc7dff",
500: "#a24bff",
600: "#8d28f5",
700: "#7918d8",
800: "#6719b0",
900: "#55158e",
950: "#2a014f",
},
},
spacing: {
template: "var(--template-gap)",
},
},
},
plugins: [],
}
export default tailwindConfig