extensions/tailwind.config.js at main · tbitcs/extensions · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        'sk-primary': '#0f766e',
        'sk-primary-dark': '#134e4a',
        'sk-primary-med': '#14b8a6',
        'sk-primary-light': '#5eead4',
        'link-color': '#134e4a',
        'link-color-hover': '#14b8a6',
      },
      typography: {
        DEFAULT: {
          css: {
            a: {
              color: '#134e4a',
              '&:hover': { color: '#14b8a6' },
            },
            code: {
              backgroundColor: '#f1f5f9',
              color: '#334155',
              padding: '0.2rem 0.4rem',
              borderRadius: '0.25rem',
              fontWeight: '400',
              fontSize: '0.85em',
            },
            'code::before': { content: 'none' },
            'code::after': { content: 'none' },
            pre: {
              backgroundColor: '#f1f5f9',
              color: '#334155',
              border: '1px solid #e2e8f0',
              borderRadius: '0.5rem',
              padding: '1rem 1.25rem',
              fontSize: '0.875rem',
              lineHeight: '1.7',
              overflow: 'auto',
            },
            'pre code': {
              backgroundColor: 'transparent',
              color: 'inherit',
              padding: '0',
              borderRadius: '0',
              fontSize: 'inherit',
            },
            img: {
              borderRadius: '0.375rem',
            },
            table: {
              fontSize: '0.875rem',
            },
            'th, td': {
              padding: '0.5rem 0.75rem',
            },
          },
        },
      },
    },
  },
  plugins: [require('@tailwindcss/typography')],
}