/
tailwind.config.js
47 lines (41 loc) · 1.19 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
import Typography from "@tailwindcss/typography";
/** @type {import("tailwindcss").Config} */
export default {
darkMode: "media",
content: ["./src/**/*.{md,tsx,jsx,svelte,astro,html}"],
theme: {
extend: {
fontFamily: {
lexend: ["Lexend Deca Variable", "Lexend Deca-fallback", "sans-serif"],
manrope: ["Manrope Variable", "Manrope-fallback", "sans-serif"],
inter: ["Inter Variable", "Inter-fallback", "sans-serif"],
sans: ["Manrope Variable", "Manrope-fallback", "sans-serif"],
serif: ["serif"],
},
screens: {
"3xl": "1633px",
"1.5xl": "1333px",
"lt-2xl": { max: "1535px" },
"lt-xl": { max: "1279px" },
"lt-lg": { max: "1023px" },
"lt-md": { max: "767px" },
"lt-sm": { max: "639px" },
"xsm": "439px",
"lt-xsm": { max: "439px" },
"xxsm": "339px",
"lt-xxsm": { max: "339px" },
'coarse': { 'raw': '(pointer: coarse)' },
'fine': { 'raw': '(pointer: fine)' },
},
container: {
center: "true",
},
colors: {
primary: "#ffff00"
}
},
},
plugins: [
Typography({ target: "modern" })
],
};