website/tailwind.config.cjs at main · nimobeeren/website · 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
const defaultTheme = require("tailwindcss/defaultTheme");

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  theme: {
    extend: {
      fontFamily: {
        sans: ['"DM Sans"', ...defaultTheme.fontFamily.sans],
        serif: ['"DM Serif Display"', ...defaultTheme.fontFamily.serif],
      },
      scale: {
        102: "1.02",
      },
      boxShadow: {
        "glow-sm": "0 0 32px 24px theme(colors.sky.100)",
        glow: "0 0 48px 32px theme(colors.sky.100)",
        "glow-lg": "0 0 64px theme(colors.sky.300)",
        "glow-xl": "0 0 128px theme(colors.sky.300)",
      },
      animation: {
        float: "float 6s linear infinite",
      },
      keyframes: {
        float: {
          "0%, 100%": {
            transform: "translateY(0)",
            "animation-timing-function": "ease-out",
          },
          "25%": {
            transform: "translateY(10px)",
            "animation-timing-function": "ease-in-out",
          },
          "75%": {
            transform: "translateY(-10px)",
            "animation-timing-function": "ease-in",
          },
        },
      },
    },
  },
  plugins: [
    require("@tailwindcss/line-clamp"),
    require("@tailwindcss/typography"),
  ],
};