DmNote/tailwind.config.js at master · DmNote-App/DmNote · 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
51
52
53
54
55
56
57
/** @type {import('tailwindcss').Config} */
const { typography } = require("./src/renderer/styles/typography");
const { colors } = require("./src/renderer/styles/colors");

module.exports = {
  content: ["./src/**/*.{js,jsx,tsx,html}"],
  theme: {
    extend: {
      colors: {
        primary: colors.primary,
        button: colors.button,
        text: colors.text,
        border: colors.border,
        surface: colors.surface,
        surfaceHover: colors.surfaceHover,
        surfaceActive: colors.surfaceActive,
        hoverDark: colors.hoverDark,
        focus: colors.focus,
        textDisabled: colors.textDisabled,
        danger: colors.danger,
      },
    },
  },
  plugins: [
    function ({ addUtilities }) {
      addUtilities({
        ".all-unset": {
          all: "unset",
        },
        ".text-style-1": {
          fontSize: typography.style[1].fontSize,
          lineHeight: typography.style[1].lineHeight,
          letterSpacing: typography.style[1].letterSpacing,
          fontWeight: typography.style[1].fontWeight,
        },
        ".text-style-2": {
          fontSize: typography.style[2].fontSize,
          lineHeight: typography.style[2].lineHeight,
          letterSpacing: typography.style[2].letterSpacing,
          fontWeight: typography.style[2].fontWeight,
        },
        ".text-style-3": {
          fontSize: typography.style[3].fontSize,
          lineHeight: typography.style[3].lineHeight,
          letterSpacing: typography.style[3].letterSpacing,
          fontWeight: typography.style[3].fontWeight,
        },
        ".text-style-4": {
          fontSize: typography.style[4].fontSize,
          lineHeight: typography.style[4].lineHeight,
          letterSpacing: typography.style[4].letterSpacing,
          fontWeight: typography.style[4].fontWeight,
        },
      });
    },
  ],
};