44 lines
1.2 KiB
TypeScript
44 lines
1.2 KiB
TypeScript
import type { Config } from 'tailwindcss';
|
|
|
|
const config: Config = {
|
|
content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
|
|
theme: {
|
|
extend: {
|
|
screens: {
|
|
'desktop-figma': '1600px',
|
|
},
|
|
backgroundImage: {
|
|
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
|
|
'gradient-conic':
|
|
'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
|
|
},
|
|
animation: {
|
|
'infinite-scroll': 'infinite-scroll 25s linear infinite',
|
|
'highlight-product': 'highlight-product 0.1s ease-in 0s',
|
|
},
|
|
keyframes: {
|
|
'infinite-scroll': {
|
|
from: { transform: 'translateX(0%)' },
|
|
to: { transform: 'translateX(-100%)' },
|
|
},
|
|
'highlight-product': {
|
|
'100%': {
|
|
backgroundImage: 'url(/img/components/products/highlight.svg)',
|
|
},
|
|
},
|
|
scaling: {
|
|
'0%': {
|
|
transform: 'min-width 31.6vw min-height 31.8vw',
|
|
transition: 'transform 500ms',
|
|
},
|
|
'100%': {
|
|
transform: 'min-width 48vw min-height 48vw',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
export default config;
|