-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.ts
41 lines (41 loc) · 1.07 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
/** @type {import('tailwindcss').Config} */
export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
fontSize: {
xs: ["12px", "16px"],
sm: ["14px", "20px"],
base: ["16px", "19.5px"],
lg: ["18px", "21.94px"],
xl: ["20px", "24.38px"],
"2xl": ["24px", "29.26px"],
"3xl": ["28px", "50px"],
"4xl": ["48px", "58px"],
"8xl": ["96px", "106px"],
},
extend: {
fontFamily: {
palanquin: ["Palanquin", "sans-serif"],
montserrat: ["Montserrat", "sans-serif"],
},
colors: {
primary: "#ECEEFF",
"coral-red": "#FF6452",
"slate-gray": "#6D6D6D",
"pale-blue": "#F5F6FF",
"white-400": "rgba(255, 255, 255, 0.80)",
},
boxShadow: {
"3xl": "0 10px 40px rgba(0, 0, 0, 0.1)",
},
backgroundImage: {
hero: "url('assets/images/collection-background.svg')",
card: "url('assets/images/thumbnail-background.svg')",
},
screens: {
wide: "1440px",
},
},
},
plugins: [],
};