const defaultTheme = require('tailwindcss/defaultTheme') module.exports = { content: [ './public/*.html', './app/helpers/**/*.rb', './app/javascript/**/*.js', './app/views/**/*.{erb,haml,html,slim}' ], theme: { extend: { keyframes: { slideIn: { '0%': { transform: 'translateY(-105%)' }, '100%': { transform: 'translateY(0)' }, }, slideOut: { '0%': { transform: 'translateY(0)' }, '100%': { transform: 'translateY(-105%)' }, }, }, animation: { slideIn: 'slideIn 0.3s ease-in forwards', slideOut: 'slideOut 0.3s ease-in forwards', }, fontFamily: { sans: ['Inter var', ...defaultTheme.fontFamily.sans], }, }, }, plugins: [ require('@tailwindcss/forms'), require('@tailwindcss/typography'), require('@tailwindcss/container-queries'), ] }