veryroundbird.house
1/** @type {import('tailwindcss').Config} */
2const colors = require("tailwindcss/colors");
3
4module.exports = {
5 content: ["./appview/pages/templates/**/*.html", "./appview/pages/chroma.go"],
6 darkMode: "media",
7 theme: {
8 container: {
9 padding: "2rem",
10 center: true,
11 screens: {
12 sm: "500px",
13 md: "600px",
14 lg: "800px",
15 xl: "1000px",
16 "2xl": "1200px",
17 },
18 },
19 extend: {
20 fontFamily: {
21 sans: ["InterVariable", "system-ui", "sans-serif", "ui-sans-serif"],
22 mono: [
23 "IBMPlexMono",
24 "ui-monospace",
25 "SFMono-Regular",
26 "Menlo",
27 "Monaco",
28 "Consolas",
29 "Liberation Mono",
30 "Courier New",
31 "monospace",
32 ],
33 },
34 typography: {
35 DEFAULT: {
36 css: {
37 maxWidth: "none",
38 pre: {
39 backgroundColor: colors.gray[100],
40 color: colors.black,
41 "@apply font-normal text-black bg-gray-100 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700 dark:border": {},
42 },
43 code: {
44 "@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": {},
45 },
46 "code::before": {
47 content: '""',
48 "padding-left": "0.25rem"
49 },
50 "code::after": {
51 content: '""',
52 "padding-right": "0.25rem"
53 },
54 blockquote: {
55 quotes: "none",
56 },
57 },
58 },
59 },
60 },
61 },
62 plugins: [require("@tailwindcss/typography")],
63};