Ry2X_HomePage/tailwind.config.js at main · ry2x/Ry2X_HomePage · 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
69
70
/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
  theme: {
    extend: {
      typography: {
        DEFAULT: {
          css: {
            'maxWidth': 'none',
            'color': '#374151',
            'lineHeight': '1.7',
            '[class~="lead"]': {
              color: '#6B7280'
            },
            'a': {
              fontWeight: '500'
            },
            'strong': {
              color: '#111827',
              fontWeight: '600'
            },
            'h1, h2, h3, h4, h5, h6': {
              color: '#111827',
              fontWeight: '600'
            },
            'blockquote': {
              color: '#6B7280',
              borderLeftWidth: '4px',
              borderLeftColor: '#E5E7EB',
              fontStyle: 'italic'
            },
            'code': {
              color: '#111827',
              backgroundColor: 'var(--tw-prose-pre-bg)',
              paddingLeft: '0.25rem',
              paddingRight: '0.25rem',
              paddingTop: '0.125rem',
              paddingBottom: '0.125rem',
              borderRadius: '0.25rem',
              fontSize: '0.875em'
            },
            'code::before': {
              content: '""'
            },
            'code::after': {
              content: '""'
            },
            'pre': {
              backgroundColor: '#1F2937',
              color: '#F9FAFB',
              overflow: 'auto'
            },
            'pre code': {
              backgroundColor: 'transparent',
              color: 'inherit',
              padding: '0'
            },
            'table': {
              'font-size': '0.9rem'
            },
            'thead': {
              'border-bottom-width': '2px'
            }
          }
        }
      }
    }
  },
  plugins: [require('@tailwindcss/typography')]
};