theodinproject/tailwind.config.js at main · TheOdinProject/theodinproject · 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
// @tailwindcss/typography still requires JS config to customise the CSS (as of v0.5.19)
module.exports = {
  theme: {
    extend: {
      typography: {
        DEFAULT: {
          css: {
            code: {
              '&:before': {
                display: 'none'
              },
              '&:after': {
                display: 'none'
              }
            },
            h3: {
              width: 'fit-content',
              a: {
                color: 'var(--color-gray-800)',
                'text-decoration': 'none',
                'font-weight': '600',
                '&:hover': {
                  color: 'var(--color-gray-800)'
                }
              }
            },
            h4: {
              a: {
                'text-decoration': 'none'
              }
            },
            details: {
              summary: {
                'font-size': '1.25rem',
                'margin-bottom': '1.25rem',
                'font-weight': '600',
                cursor: 'pointer'
              }
            }
          }
        }
      }
    }
  }
}