component-library/tailwind.config.js at develop · AlanLes/component-library · 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
module.exports = {
  content: [
    './docs/**/*.stories.@(js|jsx|ts|tsx|mdx)',
    './src/**/*.stories.@(js|jsx|ts|tsx|mdx)',
  ],
  theme: {
    screens: {
      tablet: '768px',
      desktop: '992px',
    },
    minHeight: {
      30: '7.5rem',
      55: '13.75rem',
      80: '20rem',
      115: '28.75rem',
      135: '33.75rem',
      140: '35rem',
    },
    minWidth: { 80: '20rem' },
    maxWidth: {
      32: '8rem',
      35: '8.75rem',
      68: '17rem',
      80: '20rem',
      89: '22.25rem',
      90: '22.5rem',
      120: '30rem',
      147: '36.75rem',
      158: '39.5rem',
      171: '42.75rem',
      195: '48.75rem',
    },
    extend: {
      flex: { full: '0 0 100%' },
      gridTemplateColumns: { icon: 'repeat(auto-fill, minmax(8rem, 1fr))' },
    },
  },
  plugins: [],
};