forked from emre/www_projectmycelium_com
sasha-astiadi
3919b72b0c
- Added logo assets for featured applications (CryptPad, Gitea, Matrix, Nextcloud, Stalwart, LifeKit) - Restructured CallToAction, CloudBluePrint, and CloudUseCases components with consistent boxed layouts and border styling - Enhanced hover effects on architecture layers and use case cards with scale transforms - Updated button styling and improved responsive grid layouts for better visual hierarchy
41 lines
1.1 KiB
JavaScript
41 lines
1.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Mulish', 'system-ui', 'Avenir', 'Helvetica', 'Arial', 'sans-serif'],
|
|
},
|
|
keyframes: {
|
|
logoScroll: {
|
|
'0%': { transform: 'translateX(0)' },
|
|
'100%': { transform: 'translateX(-50%)' },
|
|
},
|
|
'glitch-1': {
|
|
'0%': { transform: 'none' },
|
|
'25%': { transform: 'skew(-0.5deg, -0.5deg)' },
|
|
'50%': { transform: 'none' },
|
|
'75%': { transform: 'skew(0.5deg, 0.5deg)' },
|
|
'100%': { transform: 'none' },
|
|
},
|
|
'glitch-2': {
|
|
'0%': { transform: 'none' },
|
|
'25%': { transform: 'skew(-0.5deg, -0.5deg)' },
|
|
'50%': { transform: 'none' },
|
|
'75%': { transform: 'skew(0.5deg, 0.5deg)' },
|
|
'100%': { transform: 'none' },
|
|
},
|
|
},
|
|
animation: {
|
|
logoScroll: 'logoScroll 16s linear infinite',
|
|
'glitch-1': 'glitch-1 1s infinite',
|
|
'glitch-2': 'glitch-2 1s infinite',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|