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