-
Notifications
You must be signed in to change notification settings - Fork 1
/
tailwind.config.js
39 lines (38 loc) · 959 Bytes
/
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
const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
content: ["./index.html"],
theme: {
colors: {
accent: "#f4c41a",
beige: "#efe9dc",
black: "#000",
dark: "#171716",
gray: "#57524e",
white: "#f6f5f2",
},
fontFamily: {
rock: "'Rock Salt', cursive",
rubik: "'Rubik', sans-serif",
},
extend: {
animation: {
dialog: "dialog 300ms ease-out",
fadein: "dialog 300ms ease-out",
},
fontFamily: {
sans: ["Rubik", ...defaultTheme.fontFamily.sans],
},
keyframes: {
dialog: {
"0%": { transform: "translateY(3rem)", opacity: 0 },
"100%": { transform: "translateY(0)", opacity: 1 },
},
fadein: {
"0%": { opacity: 0 },
"100%": { opacity: 1 },
},
},
},
},
plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],
};