handbook/tailwind.config.js at main · InteractionDesignFoundation/handbook · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './index.md',
    './docs/.vitepress/**/*.{js,ts,vue}',
		'./docs/**/*.md',
		'./vitepress/**/*.{js,ts,vue}',
    './development/**/*.md',
    './development/**/**/*.md',
    './guides/**/*.md',
    './guides/**/**/*.md',
    './library/**/*.md',
    './library/**/**/*.md',
    './outdated/**/*.md',
    './outdated/**/**/*.md',
		'./docs/**/*.md',
	],
  theme: {
    extend: {},
    screens: {
      'sm': '640px',
      // => @media (min-width: 640px) { ... }

      'md': '768px',
      // => @media (min-width: 768px) { ... }

      'lg': '1056px',
      // => @media (min-width: 1056px) { ... }

      'xl': '1280px',
      // => @media (min-width: 1280px) { ... }

      '2xl': '1536px',
      // => @media (min-width: 1536px) { ... }
    }
  },
  plugins: [],
}