import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
import typography from '@tailwindcss/typography';
const colors = require('tailwindcss/colors')

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './vendor/laravel/jetstream/**/*.blade.php',
        './storage/framework/views/*.php',

        './amuz-themes/**/**/resources/views/**/*.blade.php',
        './amuz-themes/**/**/resources/js/**/*.vue',
    ],

    theme: {
        extend: {
            animation: {
                'spin-slow': 'spin 5s linear infinite',
            },
            colors: colors,
            screens: {
                sm: "640px",
                md: '769px',    // 768px 아이패드 미니부터 모바일로 체크
                lg: '1024px',
                xl: '1280px',
                '2xl': '1536px'
            },
            fontFamily: {
                sans: ['Noto Sans KR', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    plugins: [forms, typography, require("tailwind-scrollbar-hide"),],
};