docs/tailwind.config.js at main · ably/docs · 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
const extendConfig = require('@ably/ui/tailwind.extend.js');

module.exports = extendConfig((ablyUIConfig) => ({
  ...ablyUIConfig,
  content: [
    './src/pages/docs/*.{ts,tsx}',
    './src/components/**/*.{ts,tsx}',
    './src/templates/**/*.{ts,tsx}',
    ...ablyUIConfig.content,
  ],
  theme: {
    ...ablyUIConfig.theme,
    extend: {
      ...ablyUIConfig.theme.extend,
      fontFamily: {
        serif: ['IBM Plex Serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
      },
      gridTemplateColumns: {
        'header-layout': '173px minmax(200px, 400px) 1fr',
      },
      keyframes: {
        ...ablyUIConfig.theme.extend.keyframes,
        'accordion-down': {
          from: { height: '0' },
          to: { height: 'var(--radix-accordion-content-height)' },
        },
        'accordion-up': {
          from: { height: 'var(--radix-accordion-content-height)' },
          to: { height: '0' },
        },
      },
      animation: {
        ...ablyUIConfig.theme.extend.animation,
        'accordion-down': 'accordion-down 0.2s ease-out',
        'accordion-up': 'accordion-up 0.2s ease-out',
      },
    },
  },
}));