135 lines
4.1 KiB
JavaScript
135 lines
4.1 KiB
JavaScript
export default {/** @type {import('tailwindcss').Config} *//** @type {import('tailwindcss').Config} *//** @type {import('tailwindcss').Config} */
|
|
|
|
content: [
|
|
|
|
'./app/**/*.{js,ts,jsx,tsx}',module.exports = {
|
|
|
|
'./components/**/*.{js,ts,jsx,tsx}',
|
|
|
|
'./lib/**/*.{js,ts,jsx,tsx}', content: [module.exports = {export default {
|
|
|
|
],
|
|
|
|
} './app/**/*.{js,ts,jsx,tsx,mdx}',
|
|
|
|
'./pages/**/*.{js,ts,jsx,tsx,mdx}', content: [ content: [
|
|
|
|
'./components/**/*.{js,ts,jsx,tsx,mdx}',
|
|
|
|
'./lib/**/*.{js,ts,jsx,tsx,mdx}', './app/**/*.{js,ts,jsx,tsx,mdx}', './app/**/*.{ts,tsx,js,jsx}',
|
|
|
|
],
|
|
|
|
theme: { './pages/**/*.{js,ts,jsx,tsx,mdx}', './components/**/*.{ts,tsx,js,jsx}',
|
|
|
|
extend: {
|
|
|
|
fontFamily: { './components/**/*.{js,ts,jsx,tsx,mdx}', './lib/**/*.{ts,tsx,js,jsx}',
|
|
|
|
heading: ['var(--font-heading)'],
|
|
|
|
body: ['var(--font-body)'], './pages/**/*.{ts,tsx,js,jsx}',
|
|
|
|
},
|
|
|
|
colors: { // Or if using `src` directory: './src/**/*.{ts,tsx,js,jsx}',
|
|
|
|
banquise: {
|
|
|
|
blue: '#40B4FF', './src/**/*.{js,ts,jsx,tsx,mdx}', './public/index.html',
|
|
|
|
'blue-dark': '#1F5D89',
|
|
|
|
'blue-light': '#69B7E2', ], ],
|
|
|
|
'blue-lightest': '#A5F0FF',
|
|
|
|
gray: '#F6F6F6', theme: { theme: {
|
|
|
|
},
|
|
|
|
}, extend: {}, extend: {
|
|
|
|
keyframes: {
|
|
|
|
float: { }, fontFamily: {
|
|
|
|
'0%, 100%': { transform: 'translateY(0)' },
|
|
|
|
'50%': { transform: 'translateY(-10px)' }, plugins: [], heading: ['var(--font-heading)'],
|
|
|
|
},
|
|
|
|
'bubble-float-1': {} body: ['var(--font-body)'],
|
|
|
|
'0%, 100%': { transform: 'translateY(0) translateX(0)' }, },
|
|
|
|
'33%': { transform: 'translateY(-15px) translateX(5px)' }, colors: {
|
|
|
|
'66%': { transform: 'translateY(-8px) translateX(-3px)' }, banquise: {
|
|
|
|
}, blue: '#40B4FF',
|
|
|
|
'ocean-shimmer': { 'blue-dark': '#1F5D89',
|
|
|
|
'0%, 100%': { opacity: '0.3', transform: 'scale(1)' }, 'blue-light': '#69B7E2',
|
|
|
|
'50%': { opacity: '0.6', transform: 'scale(1.05)' }, 'blue-lightest': '#A5F0FF',
|
|
|
|
}, gray: '#F6F6F6',
|
|
|
|
'gentle-float': { },
|
|
|
|
'0%, 100%': { transform: 'translateY(0) rotate(0deg)' }, },
|
|
|
|
'50%': { transform: 'translateY(-15px) rotate(1deg)' }, keyframes: {
|
|
|
|
}, float: {
|
|
|
|
slideUp: { '0%, 100%': { transform: 'translateY(0)' },
|
|
|
|
'0%': { opacity: '0', transform: 'translateY(10px)' }, '50%': { transform: 'translateY(-10px)' },
|
|
|
|
'100%': { opacity: '1', transform: 'translateY(0)' }, },
|
|
|
|
}, 'bubble-float-1': {
|
|
|
|
}, '0%, 100%': { transform: 'translateY(0) translateX(0)' },
|
|
|
|
animation: { '33%': { transform: 'translateY(-15px) translateX(5px)' },
|
|
|
|
float: 'float 3s ease-in-out infinite', '66%': { transform: 'translateY(-8px) translateX(-3px)' },
|
|
|
|
'bubble-1': 'bubble-float-1 4s ease-in-out infinite', },
|
|
|
|
'ocean-shimmer': 'ocean-shimmer 2s ease-in-out infinite', 'ocean-shimmer': {
|
|
|
|
'gentle-float': 'gentle-float 6s ease-in-out infinite', '0%, 100%': { opacity: '0.3', transform: 'scale(1)' },
|
|
|
|
slideUp: 'slideUp 0.3s ease-out', '50%': { opacity: '0.6', transform: 'scale(1.05)' },
|
|
|
|
}, },
|
|
|
|
}, 'gentle-float': {
|
|
|
|
}, '0%, 100%': { transform: 'translateY(0) rotate(0deg)' },
|
|
|
|
plugins: [], '50%': { transform: 'translateY(-15px) rotate(1deg)' },
|
|
|
|
} },
|
|
slideUp: {
|
|
'0%': { opacity: '0', transform: 'translateY(10px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
},
|
|
animation: {
|
|
float: 'float 3s ease-in-out infinite',
|
|
'bubble-1': 'bubble-float-1 4s ease-in-out infinite',
|
|
'ocean-shimmer': 'ocean-shimmer 2s ease-in-out infinite',
|
|
'gentle-float': 'gentle-float 6s ease-in-out infinite',
|
|
slideUp: 'slideUp 0.3s ease-out',
|
|
},
|
|
},
|
|
},
|
|
};
|