-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
44 lines (42 loc) · 1.33 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
/** @type { import("tailwindcss").Config } */
tailwindConfig = {
content: [
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
"./styles/**/*.css",
],
theme: {
extend: {
colors: {
"clr-light-primary": "#FAFAFA",
"clr-light-secondary": "#F6F6F6",
"clr-light-tertiary": "#787878",
// "clr-light-tertiary": "#787C76",
"clr-green-primary": "#8A9A5B",
"clr-green-seondary": "#21B45E",
"clr-green-tertiary": "#1EA657",
// "clr-dark-primary": "#0e120c",
"clr-dark-primary": "#323232",
},
fontFamily: {
poppins: ["Poppins", "sans-serif"],
mochiy: ["Mochiy", "sans-serif"],
heyaug: ["HeyAug", "sans-serif"],
},
fontSize: {
"10xl": ["10rem", { lineHeight: "1" }],
},
screens: {
"2xl": "1537px",
},
// backgroundImage: {
// hero: "url('/images/pattern-africa.svg')",
// leaf: "url('/images/bg-leaf.svg')",
// }
}
},
plugins: [
require('@tailwindcss/aspect-ratio')
],
}
module.exports = tailwindConfig;