tangled.org
Monorepo for Tangled
tangled.org
2.5 kB
93 lines
1/** @type {import('tailwindcss').Config} */
2const colors = require("tailwindcss/colors");
3
4module.exports = {
5 safelist: [
6 { pattern: /^term-/ },
7 ],
8 content: [
9 "./appview/pages/templates/**/*.html",
10 "./appview/pages/chroma.go",
11 "./docs/*.html",
12 "./blog/templates/**/*.html",
13 "./blog/posts/**/*.md",
14 ],
15 darkMode: ['selector', '[data-theme="dark"]'],
16 theme: {
17 container: {
18 padding: "2rem",
19 center: true,
20 screens: {
21 sm: "500px",
22 md: "600px",
23 lg: "800px",
24 xl: "1000px",
25 "2xl": "1200px",
26 },
27 },
28 extend: {
29 fontFamily: {
30 sans: ["InterVariable", "system-ui", "sans-serif", "ui-sans-serif"],
31 mono: [
32 "IBMPlexMono",
33 "ui-monospace",
34 "SFMono-Regular",
35 "Menlo",
36 "Monaco",
37 "Consolas",
38 "Liberation Mono",
39 "Courier New",
40 "monospace",
41 ],
42 },
43 typography: {
44 DEFAULT: {
45 css: {
46 maxWidth: "none",
47 pre: {
48 "@apply font-normal text-black bg-gray-50 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700 border":
49 {},
50 },
51 code: {
52 "@apply font-normal font-mono p-1 rounded text-black bg-gray-100 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700":
53 {},
54 },
55 "code::before": {
56 content: '""',
57 },
58 "code::after": {
59 content: '""',
60 },
61 blockquote: {
62 quotes: "none",
63 fontWeight: "400",
64 "@apply text-gray-500 dark:text-gray-400": {},
65 },
66 "h1, h2, h3, h4": {
67 "@apply mt-4 mb-2": {},
68 },
69 h1: {
70 "@apply mt-3 pb-3 border-b border-gray-300 dark:border-gray-600":
71 {},
72 },
73 h2: {
74 "@apply mt-3 pb-3 border-b border-gray-200 dark:border-gray-700":
75 {},
76 },
77 h3: {
78 "@apply mt-2": {},
79 },
80 "img, video": {
81 "@apply rounded border border-gray-200 dark:border-gray-700": {},
82 },
83 },
84 },
85 },
86 gridTemplateColumns: {
87 14: "repeat(14, minmax(0, 1fr))",
88 28: "repeat(28, minmax(0, 1fr))",
89 },
90 },
91 },
92 plugins: [require("@tailwindcss/typography"), require("tailwindcss-animated")],
93};