Github-user-api-project/tailwind.config.js at main · Jay035/Github-user-api-project · 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
const plugin = require('tailwindcss/plugin')

module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  plugins: [
    require('@tailwindcss/forms')({
      strategy: 'base'
    })
  ],
  theme: {
    fontFamily: {
      'Bellefair': ['Bellefair', 'serif'],
      'Barlow': ['Barlow', 'sans-serif'],
      'Barlow-Condensed': ['Barlow Condensed', 'sans-serif'],
    },
    extend: {
      colors: {
        'dark': 'hsl(230 35% 7%)',
        'accent': 'hsl(231 77% 90%)',
        'menu-bg': '#979797',
      },
      backgroundImage: {
        'home-bg-mobile': "url('./components/assets/home/background-home-mobile.jpg')",
        'home-bg-tablet': "url('./components/assets/home/background-home-tablet.jpg')",
        'home-bg-desktop': "url('./components/assets/home/background-home-desktop.jpg')",
        'destination-bg-mobile': "url('./components/assets/destination/background-destination-mobile.jpg')",
        'destination-bg-tablet': "url('./components/assets/destination/background-destination-tablet.jpg')",
        'destination-bg-desktop': "url('./components/assets/destination/background-destination-desktop.jpg')",
        'crew-bg-mobile': "url('./components/assets/crew/background-crew-mobile.jpg')",
        'crew-bg-tablet': "url('./components/assets/crew/background-crew-tablet.jpg')",
        'crew-bg-desktop': "url('./components/assets/crew/background-crew-desktop.jpg')",
        'technology-bg-mobile': "url('./components/assets/technology/background-technology-mobile.jpg')",
        'technology-bg-tablet': "url('./components/assets/technology/background-technology-tablet.jpg')",
        'technology-bg-desktop': "url('./components/assets/technology/background-technology-desktop.jpg')",
      },
    },
  },
  // plugins: [],
}