1/** @type {import('tailwindcss').Config} */
2const colors = require('tailwindcss/colors')
3
4module.exports = {
5 content: ["./appview/pages/templates/**/*.html"],
6 theme: {
7 container: {
8 padding: "2rem",
9 center: true,
10 screens: {
11 sm: "500px",
12 md: "600px",
13 lg: "800px",
14 xl: "1000px",
15 "2xl": "1200px"
16 },
17 },
18 extend: {
19 fontFamily: {
20 sans: ["iA Writer Quattro S", "Inter", "system-ui", "sans-serif", "ui-sans-serif"],
21 mono: ["iA Writer Mono S", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"],
22 },
23 typography: {
24 DEFAULT: {
25 css: {
26 maxWidth: 'none',
27 pre: {
28 backgroundColor: colors.gray[100],
29 color: colors.black,
30 },
31 },
32 },
33 },
34 },
35 },
36 plugins: [
37 require('@tailwindcss/typography'),
38 ]
39};