Monorepo for Tangled
tangled.org
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: "media",
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 },
64 "h1, h2, h3, h4": {
65 "@apply mt-4 mb-2": {},
66 },
67 h1: {
68 "@apply mt-3 pb-3 border-b border-gray-300 dark:border-gray-600":
69 {},
70 },
71 h2: {
72 "@apply mt-3 pb-3 border-b border-gray-200 dark:border-gray-700":
73 {},
74 },
75 h3: {
76 "@apply mt-2": {},
77 },
78 "img, video": {
79 "@apply rounded border border-gray-200 dark:border-gray-700": {},
80 },
81 },
82 },
83 },
84 gridTemplateColumns: {
85 14: "repeat(14, minmax(0, 1fr))",
86 28: "repeat(28, minmax(0, 1fr))",
87 },
88 },
89 },
90 plugins: [require("@tailwindcss/typography")],
91};