codewithdhruba.app/tailwind.config.js at master · codewithdhruba01/codewithdhruba.app · 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', 'sans-serif'],
        cabinet: ['Cabinet Grotesk', 'sans-serif'],
        general: ['General Sans', 'sans-serif'],
        boska: ['Boska', 'serif'],
        switzer: ['Switzer', 'sans-serif'],
        outfit: ['Outfit', 'sans-serif'],
        poppins: ['Poppins', 'sans-serif'],
        supreme: ['Supreme', 'sans-serif'],
        rowan: ['Rowan', 'serif'],
        quilon: ['Quilon', 'sans-serif'],
        satoshi: ['Satoshi', 'sans-serif'],
        excon: ['Excon', 'sans-serif'],
        synonym: ['Synonym', 'sans-serif'],
        amulya: ['Amulya', 'sans-serif'],
        neco: ['Neco', 'serif'],
        pally: ['Pally', 'sans-serif'],
        hind: ['Hind', 'sans-serif'],
        dancing: ['Dancing Script', 'cursive']
      },
      typography: {
        DEFAULT: {
          css: {
            color: '#fff',
            a: {
              color: '#00DC82',
              '&:hover': {
                color: '#00b368',
              },
            },
            h1: {
              color: '#fff',
            },
            h2: {
              color: '#fff',
            },
            h3: {
              color: '#fff',
            },
            strong: {
              color: '#fff',
            },
            code: {
              color: '#00DC82',
            },
            blockquote: {
              borderLeftColor: '#00DC82',
              color: '#fff',
            },
            'ul > li::before': {
              backgroundColor: '#00DC82',
            },
          },
        },
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
  ],
}