-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
88 lines (88 loc) · 2.82 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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
"./components/**/*.{js,ts,jsx,tsx,mdx}",
"./app/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
colors: {
primary: "#CB5A6F",
primaryHover: "#C75167",
primaryDisabled: "#F4AAB7",
primaryBgColor: "#EBEBEB",
secondaryBgColor: "#FFFFFF",
sectionBgColor: "#F5F5F5",
primaryButtonTextColor: "#F9F9F9",
navItemTextColor: "#020202",
bannerTextColor: "#5A5A5A",
footerDescColor: "#8D8D8D",
dashboardBgColor: "#F2F1F1",
dashboardDecColor: "#D2D2D2",
textdarkColor: "#282828",
brightRedColor: "#DC0035",
success: "#30A64A",
distlineColor: "#828282",
forgotColor: "#4285F4",
loginBtnColor: "#F7F7F7",
signinTextColor: "#121212",
borderGreyColor: "#c4c4c4",
borderSelectColor: "#DA123B",
passwordMediumColor: "#FFDB72",
passwordStrongColor: "#2BFA62",
blurColor: "#FAFAFB",
badgeBgColor: "#DEF7EC",
badgeTextColor: "#03543F",
badgeRedBgColor: "#FBD5D5",
badgeRedTextColor: "#9B1C1C",
badgeBlueBgColor: "#E1EFFE",
badgeBlueTextColor: "#1E429F",
},
fontSize: {
bigPrimaryButtonTextSize: "20px",
smallPrimaryButtonTextSize: "16px",
bannerTextSize: "60px",
footerTextSize: "17px",
footerDescSize: "16px",
adTitleBigSize: "45px",
adTitleSmallSize: "25px",
adDescBigSize: "30px",
adDescSmallSize: "20px",
loginBtnTextSize: "16px",
},
fontFamily: {
sans: ["Ubuntu", "Helvetica", "Arial", "sans-serif"],
serif: ["Roboto", "Helvetica", "Arial", "sans-serif"],
arial: ["FrutigerLTStd", "Helvetica", "Arial", "sans-serif"],
yamamoto: ["Yantramanav", "Arial", "sans-serif"],
SFProDisplay: ["SF Pro Display", "Arial", "sans-serif"],
},
backgroundImage: {
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
"gradient-conic":
"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
"services-banner": 'url("/images/services_banner.png")',
},
screens: {
sm: { min: "0px", max: "639px" },
md: { min: "640px", max: "959px" },
lg: { min: "960px", max: "1169px" },
xl: { min: "1170px", max: "1375px" },
"2xl": { min: "1376px", max: "1499px" },
"3xl": { min: "1500px", max: "1750px" },
"4xl": { min: "1750px" },
},
flex: {
2: "2 2 0%",
3: "3 3 0%",
4: "4 4 0%",
5: "5 5 0%",
6: "6 6 0%",
7: "7 7 0%",
8: "8 8 0%",
},
},
},
plugins: [require("tw-elements/dist/plugin.cjs")],
};