noted/tailwind.config.js at main · thomasgauvin/noted · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
import tailwindScrollbar from "tailwind-scrollbar";
import tailwindBgPatterns from "tailwindcss-bg-patterns";
import tailwindTypography from "@tailwindcss/typography";

/** @type {import('tailwindcss').Config} */
export default {
  darkMode: "class",
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      screens: {
        "-md": { max: "767px" },
      },
      typography: {
        DEFAULT: {
          css: {
            maxWidth: "100ch", // add required value here
          },
        },
      },
      colors: {
        primary: "#52525b",
        secondary: "#a1a1aa",
      },
    },
  },
  plugins: [
    tailwindTypography,
    tailwindScrollbar({
      nocompatible: true,
      preferredStrategy: "pseudoelements",
    }),
    tailwindBgPatterns,
  ],
};