/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: 'media',
  content: [
      './templates/**/*.html',
      './node_modules/flowbite/**/*.js'
      ],
  theme: {
    extend: {
      spacing: {
        'icon-size': '1.5rem', // размер иконки
      },
      colors: {
        'icon-color': '#333', // цвет иконки
      },
      fill: {
        icon: ['currentColor'], // автоматическое заполнение цветом иконки
      },
      fontFamily: {
        icon: ['Heroicons'], // название шрифта для иконок
      },
    },
  },
  plugins: [
        require('flowbite/plugin'),
        require('@tailwindcss/forms'),
        require('@tailwindcss/typography'),
        require('@tailwindcss/aspect-ratio')
  ]
}