crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-16 06:26:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'feat/medusa' of https://github.com/medusajs/commerce into feat/medusa

Browse Source
This commit is contained in:
Victor Gerbrands 2023-05-08 17:30:27 +02:00
commit e93e6cfe6e
1 changed files with 57 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

116
tailwind.config.js
View File

@ -1,66 +1,64 @@
const plugin = require('tailwindcss/plugin'); import { neutral } from 'tailwindcss/colors';
const colors = require('tailwindcss/colors'); import plugin from 'tailwindcss/plugin';
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
module.exports = { export const content = [
content: [ './pages/**/*.{js,ts,jsx,tsx}',
'./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}',
'./components/**/*.{js,ts,jsx,tsx}', './icons/**/*.{js,ts,jsx,tsx}',
'./icons/**/*.{js,ts,jsx,tsx}', './app/**/*.{js,ts,jsx,tsx}'
'./app/**/*.{js,ts,jsx,tsx}' ];
], export const theme = {
theme: { extend: {
extend: { fontFamily: {
fontFamily: { sans: ['var(--font-inter)']
sans: ['var(--font-inter)'] },
colors: {
gray: neutral,
hotPink: '#FF1966',
dark: '#111111',
light: '#FAFAFA',
violetDark: '#4c2889'
},
keyframes: {
fadeIn: {
from: { opacity: 0 },
to: { opacity: 1 }
}, },
colors: { marquee: {
gray: colors.neutral, '0%': { transform: 'translateX(0%)' },
hotPink: '#FF1966', '100%': { transform: 'translateX(-100%)' }
dark: '#111111',
light: '#FAFAFA',
violetDark: '#4c2889'
}, },
keyframes: { blink: {
fadeIn: { '0%': { opacity: 0.2 },
from: { opacity: 0 }, '20%': { opacity: 1 },
to: { opacity: 1 } '100% ': { opacity: 0.2 }
},
marquee: {
'0%': { transform: 'translateX(0%)' },
'100%': { transform: 'translateX(-100%)' }
},
blink: {
'0%': { opacity: 0.2 },
'20%': { opacity: 1 },
'100% ': { opacity: 0.2 }
}
},
animation: {
fadeIn: 'fadeIn .3s ease-in-out',
carousel: 'marquee 60s linear infinite',
blink: 'blink 1.4s both infinite'
} }
},
animation: {
fadeIn: 'fadeIn .3s ease-in-out',
carousel: 'marquee 60s linear infinite',
blink: 'blink 1.4s both infinite'
} }
}, }
future: {
hoverOnlyWhenSupported: true
},
plugins: [
require('@tailwindcss/typography'),
plugin(({ matchUtilities, theme }) => {
matchUtilities(
{
'animation-delay': (value) => {
return {
'animation-delay': value
};
}
},
{
values: theme('transitionDelay')
}
);
})
]
}; };
export const future = {
hoverOnlyWhenSupported: true
};
export const plugins = [
require('@tailwindcss/typography'),
plugin(({ matchUtilities, theme }) => {
matchUtilities(
{
'animation-delay': (value) => {
return {
'animation-delay': value
};
}
},
{
values: theme('transitionDelay')
}
);
})
];