jaypatrickdev/tailwind.config.js at main · jaypatrickm/jaypatrickdev · 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
module.exports = {
   content: [
      './pages/**/*.{js,ts,jsx,tsx}',
      './components/**/*.{js,ts,jsx,tsx}',
   ],
   theme: {
      extend: {
         colors: {
            'orange-100': '#ff931e',
            'orange-200': '#e28413',
            'orange-300': '#af6615',
            light: '#ededec',
            dark: '#38424d',
            'dark-slate': '#515e61',
            'blue-100': '#b1d8f5',
            'blue-200': '#688eb4',
            'dark-blue': '#161b28',
            'light-brown': '#918477',
         },
         fontFamily: {
            'source-serif-pro-bold': ['SourceSerifPro-Bold', 'serif'],
            'source-serif-pro-bold-italic': [
               'SourceSerifPro-BoldItalic',
               'serif',
            ],
            'source-serif-pro-regular': ['SourceSerifPro-Regular', 'serif'],
            'source-serif-pro-italic': ['SourceSerifPro-Italic', 'serif'],
            'source-serif-pro-semi-bold': ['SourceSerifPro-SemiBold', 'serif'],
            'source-serif-pro-semi-bold-italic': [
               'SourceSerifPro-SemiBoldItalic',
               'serif',
            ],
         },
         backgroundImage: {
            'main-gradient':
               'url("/assets/jaypatrickdev-gradient-bg-desktop.jpg")',
            'main-gradient-m':
               'url("/assets/jaypatrickdev-gradient-bg-mobile.jpg")',
         },
      },
   },
   plugins: [
      require('@tailwindcss/typography'),
      require('@tailwindcss/aspect-ratio'),
   ],
};