ghost-theme-Moegi/tailwind.config.js at main · moegi-design/ghost-theme-Moegi · 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
const colors = require('tailwindcss/colors')

module.exports = {
  content: [
    './src/**/*.{hbs,js}', './template/**/*.{hbs,js}'
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        main: 'var(--ghost-accent-color)',
      },
      typography: {
        DEFAULT: {
          css: {
            blockquote: {
              fontWeight: 'normal',
              fontStyle: 'normal',
              opacity: 0.8,
              color: 'var(--tw-prose-body)',
            },
            'blockquote p:first-of-type::before': {
              content: '',
            },
            'blockquote p:last-of-type::after': {
              content: '',
            },
            code: {
              fontWeight: 'normal',
              backgroundColor: colors.slate[100],
              borderRadius: '0.25rem',
              padding: '0.2em 0.35em',
              margin: '0 0.2em',
            },
            'code::before': {
              content: '""'
            },
            'code::after': {
              content: '""'
            },
            pre: {
              color: null,
              backgroundColor: '#f9f9f9',
            },
            'pre code': {
              color: null,
              backgroundColor: 'transparent',
              margin: 0,
              padding: 0,
            },
          }
        }
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
    require('@tailwindcss/line-clamp'),
  ],
}