amywng.github.io/tailwind.config.ts at main · amywng/amywng.github.io · 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
import type { Config } from "tailwindcss";

export default {
  content: ["./app/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      colors: {
        purple: '#7371FC',
        blue: '#51A7E1',
        green: '#55AD80',
        lime: '#89DD6A',
        dark_purple: '#6361db',
        dark_green: '#3b7a5a'
      },
      fontFamily: {
        sans: [
          "Lora",
          "ui-sans-serif",
          "system-ui",
          "sans-serif",
          "Apple Color Emoji",
          "Segoe UI Emoji",
          "Segoe UI Symbol",
          "Noto Color Emoji",
        ],
      },
      keyframes: {
        float: {
          '0%': { transform: 'translateY(0)' },
          '50%': { transform: 'translateY(10px)' },
          '100%': { transform: 'translateY(-0px)'}
        },
      },
      animation: {
        float: 'float 3s ease-in-out infinite',
      },
      backgroundImage: {
        'bullet': 'url(/history/Bullet.png)'
      }
    },
  },
  plugins: [],
} satisfies Config;