my-website-nextjs/tailwind.config.ts at main · Irvingouj/my-website-nextjs · 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
/* eslint-disable no-use-before-define */
import type { Config } from 'tailwindcss';
import defaultTheme from 'tailwindcss/defaultTheme';

export default {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        primary: ['Inter', ...defaultTheme.fontFamily.serif],
      },
      fontSize: {},
      fontWeight: {},
      colors: {
        dark: '#222222',
        lightblue: '#f3f6fb;',
        'button-blue': '#87cefa',
        'links-text': '#777',
        fgery: '#777',
      },

      keyframes: {},
      animation: {
        flicker: 'flicker 3s linear infinite',
        shimmer: 'shimmer 1.3s linear infinite',
      },
      backgroundImage: {
        'main-background': 'url("/images/background1.jpg")',
        'second-background': 'url("/images/background2.jpg")',
        'heading-background': 'url("/images/background-heading.png")',
      },
    },
  },
  plugins: [require('@tailwindcss/forms')],
} satisfies Config;