-
Notifications
You must be signed in to change notification settings - Fork 7
/
tailwind.config.js
54 lines (54 loc) · 1.28 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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{js,mjs,jsx,mdx,tsx}"],
theme: {
extend: {
colors: {
black: "#4D4D4D",
blue: "#63B9E3",
green: "#78ACAE",
red: "#E35C61",
},
boxShadow: {
button: "2px 2px 1px #4D4D4D",
"button-tablet": "4px 4px 2px #4D4D4D",
},
dropShadow: {
logo: "3px 3px 2px #4D4D4D",
"logo-wide-phone": "3px 3px 2px #4D4D4D",
"logo-tablet": "5px 5px 2px #4D4D4D",
"logo-desktop": "5px 5px 2px #4D4D4D",
},
animation: {
"slide-and-fade":
"slide 1s linear calc(var(--page-scroll) * -0.9s) paused," +
"customFade 1s linear calc(var(--literal-scroll) * -0.9s) paused",
},
keyframes: {
slide: {
to: {
transform: "translateY(var(--innerHeight))",
},
},
customFade: {
from: {
opacity: 1,
},
to: {
opacity: 0.2,
},
},
},
},
fontFamily: {
sans: "'Jost', sans-serif",
logo: "'Bagel Fat One', cursive",
},
screens: {
"wide-phone": "600px",
tablet: "800px",
desktop: "1159px",
xl: "1300px",
},
},
};