-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.mjs
69 lines (68 loc) · 2.96 KB
/
tailwind.config.mjs
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
/** @type {import('tailwindcss').Config} */
const defaultTheme = require("tailwindcss/defaultTheme");
const accent = "pink";
const linkColor = "sky";
export default {
content: {
files: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
transform: (content) => content.replace(/taos:/g, ""),
},
theme: {
extend: {
fontFamily: {
sans: ["Josefin Sans", ...defaultTheme.fontFamily.sans],
display: ["Space Mono", ...defaultTheme.fontFamily.sans],
},
dropShadow: {
hard: "0 0px 5px rgba(0,0,0,0.5)",
},
typography: (theme) => ({
DEFAULT: {
css: {
"--tw-prose-body": theme("colors.text.DEFAULT"),
"--tw-prose-headings": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-lead": theme("colors.text.DEFAULT"),
"--tw-prose-links": theme(`colors.${linkColor}.DEFAULT`),
"--tw-prose-bold": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-counters": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-bullets": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-hr": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-quotes": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-quote-borders": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-captions": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-code": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-pre-code": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-pre-bg": theme(`colors.base.DEFAULT`),
"--tw-prose-th-borders": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-td-borders": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-invert-body": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-invert-headings": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-invert-lead": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-invert-links": theme(`colors.${linkColor}.DEFAULT`),
"--tw-prose-invert-bold": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-invert-counters": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-invert-bullets": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-invert-hr": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-invert-quotes": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-invert-quote-borders": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-invert-captions": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-invert-code": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-invert-pre-code": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-invert-pre-bg": theme(`colors.base.DEFAULT`),
"--tw-prose-invert-th-borders": theme(`colors.${accent}.DEFAULT`),
"--tw-prose-invert-td-borders": theme(`colors.${accent}.DEFAULT`),
},
},
}),
},
},
safelist: ["!duration-[0ms]", "!delay-[0ms]", 'html.js :where([class*="taos:"]:not(.taos-init))'],
darkMode: ["variant", "&:is(.mocha *)"],
plugins: [
require("@catppuccin/tailwindcss")({
defaultFlavour: "latte",
}),
require("taos/plugin"),
require("@tailwindcss/typography"),
],
};