tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        './templates/**/*.{phtml,js}',
        './public/js/online.js',
        './src/PhpWorkshop/**/*.php',
        './assets/**/*.js',
        './assets/components/**/*.vue',
        './docs/**/*.{html,js,vue,ts,md}',
        './docs/.vitepress/**/*.{html,js,vue,ts,md}',
    ],
    theme: {
        extend: {
            fontFamily: {
                'open-sans': ['Open Sans, sans-serif'],
                'work-sans': ['Work Sans, sans-serif'],
                'orbitron': ['Orbitron, sans-serif'],
            },
            boxShadow: {
                'brand-shadow': '-5px 5px 0px rgba(0, 0, 0, 0.25)',
            },
            backgroundImage: {
                'nav-pattern': "url('/img/cloud/header-bg.svg')",
            },
        },
    },
    plugins: [
        require('@tailwindcss/forms'),
        require('tailwind-scrollbar')({
            nocompatible: true,
            preferredStrategy: 'pseudoelements', 
        }),
    ],
    variants: {
        scrollbar: ['rounded'],
    },
};