FLASHback1/bingo

1/** @type {import('tailwindcss').Config} */2module.exports = {3  content: [4    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',5    './src/components/**/*.{js,ts,jsx,tsx,mdx}',6    './src/app/**/*.{js,ts,jsx,tsx,mdx}',7    './src/ui/**/*.{js,ts,jsx,tsx,mdx}',8  ],9  "darkMode": "class",10  theme: {11    extend: {12      colors: {13        'primary-blue': 'rgb(var(--color-primary-blue) / <alpha-value>)',14        secondary: 'rgb(var(--color-secondary) / <alpha-value>)',15        'primary-background': 'rgb(var(--primary-background) / <alpha-value>)',16        'primary-text': 'rgb(var(--primary-text) / <alpha-value>)',17        'secondary-text': 'rgb(var(--secondary-text) / <alpha-value>)',18        'light-text': 'rgb(var(--light-text) / <alpha-value>)',19        'primary-border': 'rgb(var(--primary-border) / <alpha-value>)',20      },21      keyframes: {22        slideDownAndFade: {23          from: { opacity: 0, transform: 'translateY(-2px)' },24          to: { opacity: 1, transform: 'translateY(0)' },25        },26        slideLeftAndFade: {27          from: { opacity: 0, transform: 'translateX(2px)' },28          to: { opacity: 1, transform: 'translateX(0)' },29        },30        slideUpAndFade: {31          from: { opacity: 0, transform: 'translateY(2px)' },32          to: { opacity: 1, transform: 'translateY(0)' },33        },34        slideRightAndFade: {35          from: { opacity: 0, transform: 'translateX(2px)' },36          to: { opacity: 1, transform: 'translateX(0)' },37        },38      },39      animation: {40        slideDownAndFade: 'slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',41        slideLeftAndFade: 'slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',42        slideUpAndFade: 'slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',43        slideRightAndFade: 'slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',44      },45    },46  },47  plugins: [require('@headlessui/tailwindcss'), require('tailwind-scrollbar')],48}49