rollbox-front/tailwind.config.js at master · wactrum/rollbox-front · 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
const animatedClasses = [
  'animated',
  'fast',
  'faster',
  'slow',
  'slower',
  'fadeIn',
  'fadeOut',
  'fadeInUp',
  'fadeInLeft',
  'fadeInRight',
  'fadeInDown',
  'fadeOutDown',
  'fadeOutLeft',
  'fadeOutUp',
  'fadeOutRight',
  'slideInDown',
  'zoomIn',
  'zoomOut',
  'slideInRight',
  'slideInLeft',
]

/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: 'class',
  content: ['./src/**/*.{js,vue,ts}'],
  theme: {
    extend: {
      boxShadow: {
        bottom: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
      },
      animatedSettings: {
        animatedSpeed: 1000,
        classes: [...animatedClasses],
      },
    },
  },
  plugins: [require('tailwindcss-animatecss')],
  safelist: [...animatedClasses.map((el) => `animate__${el}`)],
}