futurspace/tailwind.config.js at dev · ichsansandy/futurspace · 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
/** @type {import('tailwindcss').Config} */
import plugin from 'tailwindcss/plugin';

export default {
  content: ['./index.html', './src/**/*.jsx'],
  theme: {
    screens: {
      sm: '640px',
      md: '768px',
      lg: '1024px',
      xl: '1280px',
      web: '940px',
    },
    extend: {
      fontSize: {
        h2: '48px',
      },
      lineHeight: {
        h2: '67.2px',
      },
      boxShadow: {
        'custom-shadow': '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',
      },
      colors: {
        primary: '#0192FE',
        accent: '#f0f6ff',
        background: '#fcfcfc',
        secondary: '#2E3135',
      },
      backgroundImage: {
        'devsigner-logo': "url('./images/devsigner.jpg')",
      },
    },
  },
  plugins: [
    plugin(({ addBase }) => {
      addBase({
        h2: { fontSize: '48px', fontWeight: '700', lineHeight: '67.2px' },
        h3: { fontSize: '32px', fontWeight: '700', lineHeight: '40.32px' },
      });
    }),
  ],
};