mutext/tailwind.config.js at master · dhilst/mutext · 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
58
59
60
61
62
63
64
module.exports = {
  content: [
    "./*.{html,md,markdown}",
    "./_layouts/**/*.{html,md,markdown}",
    "./_includes/**/*.{html,md,markdown}",
    "./_lore/**/*.{html,md,markdown}",
    "./_posts/**/*.{html,md,markdown}",
    "./_drafts/**/*.{html,md,markdown}",
    "./puzzles/**/*.{html,md,markdown}",
    "./assets/js/**/*.js"
  ],
  theme: {
    extend: {
      colors: {
        void: "#0b1020",
        panel: "#121a30",
        cyan: {
          trace: "#67e8f9"
        },
        amber: {
          warn: "#fbbf24"
        },
        red: {
          fault: "#f87171"
        },
        slate: {
          mutext: "#94a3b8"
        },
        phosphor: "#8fffc1",
        magenta: {
          quiet: "#d946ef"
        }
      },
      fontFamily: {
        sans: ["Inter", "ui-sans-serif", "system-ui", "sans-serif"],
        mono: ["JetBrains Mono", "ui-monospace", "SFMono-Regular", "monospace"]
      },
      boxShadow: {
        terminal: "0 0 0 1px rgba(103, 232, 249, 0.16), 0 18px 60px rgba(0, 0, 0, 0.38)",
        glow: "0 0 24px rgba(103, 232, 249, 0.18)"
      },
      animation: {
        blink: "blink 1.1s steps(2, start) infinite",
        pulseSoft: "pulseSoft 2.8s ease-in-out infinite",
        scan: "scan 7s linear infinite"
      },
      keyframes: {
        blink: {
          "0%, 45%": { opacity: "1" },
          "46%, 100%": { opacity: "0" }
        },
        pulseSoft: {
          "0%, 100%": { opacity: "0.62", boxShadow: "0 0 0 rgba(103, 232, 249, 0)" },
          "50%": { opacity: "1", boxShadow: "0 0 14px rgba(103, 232, 249, 0.44)" }
        },
        scan: {
          "0%": { transform: "translateY(-100%)" },
          "100%": { transform: "translateY(100vh)" }
        }
      }
    }
  },
  plugins: []
};