You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

48 lines
1.2 KiB

import type { Config } from "tailwindcss";
export default {
content: [
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
keyframes: {
shimmer: {
'0%': { backgroundPosition: '-200% 0' },
'100%': { backgroundPosition: '200% 0' },
},
},
animation: {
shimmer: 'shimmer 1.5s infinite linear', // Add shimmer animation here
},
boxShadow: {
'header': '2px -10px 129px 35px #F4846F',
'inner-header': '2px -20px 15px 30px rgba(244,132,111,1);',
},
fontFamily: {
Calibri: ["Calibri"],
},
colors: {
background: "var(--background)",
foreground: "var(--foreground)",
},
},
},
plugins: [
function ({ addUtilities }) {
addUtilities(
{
'.text-rendering-optimize-speed': {
'text-rendering': 'optimizeSpeed',
},
'.no-ligatures': {
'font-variant-ligatures': 'none', // Add this utility
},
},
['responsive', 'hover'] // Ensure this utility is available for responsive and hover variants
);
},
],
} satisfies Config;