/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      // height: ({ theme }) => ({
      //   ...theme("height"),
      //   screen: `calc(var(--vh, ${innerHeight * 0.01}px) * 100)`,
      //   dvh: `calc(var(--vh, ${innerHeight * 0.01}px) * 100)`,
      // }),
      // minHeight: ({ theme }) => ({
      //   ...theme("minHeight"),
      //   screen: `calc(var(--vh, ${innerHeight * 0.01}px) * 100)`,
      //   dvh: `calc(var(--vh, ${innerHeight * 0.01}px) * 100)`,
      // }),
      // maxHeight: ({ theme }) => ({
      //   ...theme("maxHeight"),
      //   screen: `calc(var(--vh, ${innerHeight * 0.01}px) * 100)`,
      //   dvh: `calc(var(--vh, ${innerHeight * 0.01}px) * 100)`,
      // }),
    },
  },
  plugins: [
    // plugin(function ({ addBase }) {
    //   addBase({
    //     ":root": {
    //       "--vh": `${innerHeight * 0.01}px`,
    //     },
    //   });
    // }),
    // // Дополнительные утилиты для разных единиц vh
    // plugin(function ({ addUtilities, theme }) {
    //   const newUtilities = {
    //     ".h-dynamic-screen": {
    //       height: `calc(var(--vh, ${innerHeight * 0.01}px) * 100)`,
    //     },
    //     ".min-h-dynamic-screen": {
    //       "min-height": `calc(var(--vh, ${innerHeight * 0.01}px) * 100)`,
    //     },
    //     ".max-h-dynamic-screen": {
    //       "max-height": `calc(var(--vh, ${innerHeight * 0.01}px) * 100)`,
    //     },
    //   };
    //   addUtilities(newUtilities);
    // }),
  ],
};