medium/tailwind.config.js at master · asheghi/medium · 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
module.exports = {
  mode: 'jit',
  content: [
    './pages/**/*.{vue,js,ts,jsx,tsx}',
    './components/**/*.{vue,js,ts,jsx,tsx}',
  ],
  theme: {
    fontFamily: {
      mono: ['JetBrainsMono', 'monospace'],
      sans: ['Open Sans', 'sans-serif'],
    },
    extend: {
      colors: {
        primary: {
          DEFAULT: '#2196F3',
          50: '#CFE8FC',
          100: '#BCDFFB',
          200: '#95CDF9',
          300: '#6EBBF7',
          400: '#48A8F5',
          500: '#2196F3',
          600: '#0B79D1',
          700: '#085A9B',
          800: '#063B66',
          900: '#031C31',
        },
      },
    },
  },
  plugins: [
    // eslint-disable-next-line global-require
    require('@tailwindcss/typography'),
    ({ addComponents }) => {
      addComponents({
        '.container': {
          maxWidth: '100%',
          '@screen sm': {
            maxWidth: '640px',
          },
          '@screen md': {
            maxWidth: '768px',
          },
          '@screen lg': {
            maxWidth: '768px',
          },
          '@screen xl': {
            maxWidth: '760px',
          },
        },
      });
    },
  ],
};