site/tailwind.config.js at no-masters · leapcode/site · 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
module.exports = {
  content: ["./layouts/**/*.html", "./content/**/*.md"],
  safelist: ["bg-white"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        brand: "#DD378A",
        muted: "#f7f7f7",
      },
      fontSize: {
        asize: ["19px", "30px"],
        bsize: ["35px", "44px"],
      },
      typography: {
        DEFAULT: {
          css: {
            color: "#333",
            textDecoration: "none",
            blockquote: {
              color: "#000",
              background: "#f7f7f7",
              fontStyle: "normal",
              fontWeight: "700",
              padding: "1.25rem",
              borderLeftWidth: "4px",
              borderLeftColor: "#DD378A",
              paddingTop: "2px",
              paddingBottom: "2px",
            },
            a: {
              textDecoration: "underline",
              "&:hover": {
                opacity: "0.8",
              },
            },
            strong: {
              fontWeight: "700",
            },
          },
        },
      },
      fontFamily: {
        montserrat: ["Montserrat", "sans-serif"],
        sans: ["Open Sans", "sans-serif"],
      },
    },
  },
  plugins: [require("@tailwindcss/typography"), require("@tailwindcss/forms")],
};