/
tailwind.config.cjs
78 lines (72 loc) · 1.64 KB
/
tailwind.config.cjs
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
const defaultTheme = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors");
const ecampBlue = {
50: "#ecf6fe",
100: "#dbeafe",
200: "#bfdbfe",
300: "#64b5f6",
400: "#60a5fa",
500: "#007cdf",
600: "#0068df",
700: "#1d4ed8",
800: "#1e40af",
900: "#00143c",
};
module.exports = {
content: ["./src/**/*.{astro,html,js,jsx,md,svelte,ts,tsx,vue}"],
theme: {
extend: {
colors: {
primary: ecampBlue,
secondary: colors.sky,
accent: colors.orange,
},
fontFamily: {
sans: ["'Inter'", ...defaultTheme.fontFamily.sans],
},
fontWeight: {
medium: '450'
},
screen: {
"3xl": "1600px",
},
typography: {
DEFAULT: {
css: {
a: {
fontWeight: '450'
},
},
},
},
},
},
variants: {
extend: {
display: ["dark"],
},
},
plugins: [require("@tailwindcss/typography"), require("@tailwindcss/forms")],
darkMode: "media",
};
/*
Alternative tailwind.config.js
NOTE: Add this fonts to <head>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;700&display=swap" rel="stylesheet" />
*/
// module.exports = {
// content: ["./src/**/*.{astro,html,js,jsx,md,svelte,ts,tsx,vue}"],
// theme: {
// extend: {
// colors: {
// primary: colors.cyan,
// secondary: colors.lime,
// },
// fontFamily: {
// sans: ["'Nunito'", ...defaultTheme.fontFamily.sans],
// },
// },
// },
// plugins: [require("@tailwindcss/typography")],
// darkMode: "class",
// };