48 lines
1.6 KiB
JavaScript
48 lines
1.6 KiB
JavaScript
/** @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);
|
|
// }),
|
|
],
|
|
};
|