tmcb.tech/tailwind.config.js at beta · TMCB-SPACE/tmcb.tech · 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
const { theme } = require('@sanity/demo/tailwind')

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./app/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      ...theme,
      // Overriding fontFamily to use @next/font loaded families
      fontFamily: {
        mono: 'var(--font-mono)',
        sans: 'var(--font-sans)',
        serif: 'var(--font-serif)',
      },
      gridTemplateColumns: {
        xl: '1fr min(84rem, 100% - 7rem) 1fr', // .xl\:grid-cols-xl
        lg: '3.5rem minmax(0,1fr) 3.5rem', // .lg\:grid-cols-lg
        // 'md': '2.65rem minmax(0,1fr) 2.65rem',
        sm: '1.75rem minmax(0, 1fr) 1.75rem', // .sm\:grid-cols-sm
        xs: '0.875rem minmax(0, 1fr) 0.875rem', // .grid-cols-xs
      },
      screens: {
        xl: '1456px',
        lg: '1176px',
        md: '784px',
        sm: '504px',
        xs: '0px',
      },
      spacing: {
        1: '1.75rem',
        2: '3.5rem',
        3: '5.25rem',
        4: '7rem',
        5: '8.75rem',
        6: '10.5rem',
        7: '12rem',
        8: '14rem',
        9: '15.75rem',
        10: '17.5rem',
        11: '19.25rem',
        12: '21rem',
      },
    },
  },
  plugins: [require('@tailwindcss/typography')],
  darkMode: 'class',
}