mmintel/e-tib.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions 150 Packages Projects Releases Wiki Activity

fix: restore hero animations in tailwind v4
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 1m0s
Details
Build & Deploy / 🧪 QA (push) Successful in 1m28s
Details
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Details
Build & Deploy / 🧪 Post-Deploy Verification (push) Has been cancelled
Details
Build & Deploy / 🔔 Notify (push) Has been cancelled
Details
Build & Deploy / 🏗️ Build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-07-03 11:56:26 +02:00
parent 71dd1bf419
commit eeece2f24d
1 changed files with 33 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
styles/globals.css
View File

@@ -178,47 +178,45 @@
} }
/* E-TIB Custom Utilities (from previous globals.css) */ /* E-TIB Custom Utilities (from previous globals.css) */
@layer utilities { @utility text-balance {
.text-balance { text-wrap: balance;
text-wrap: balance; }
}
@utility hide-scrollbar {
.hide-scrollbar { -ms-overflow-style: none !important;
-ms-overflow-style: none !important; /* IE and Edge */ scrollbar-width: none !important;
scrollbar-width: none !important; /* Firefox */ &::-webkit-scrollbar {
} display: none !important;
.hide-scrollbar::-webkit-scrollbar {
display: none !important; /* Chrome, Safari and Opera */
width: 0 !important; width: 0 !important;
height: 0 !important; height: 0 !important;
} }
}
@keyframes bg-pulse-15 { @keyframes bg-pulse-15 {
0%, 90%, 100% { opacity: 0.04; } 0%, 90%, 100% { opacity: 0.04; }
95% { opacity: 0.10; filter: brightness(1.2); } 95% { opacity: 0.10; filter: brightness(1.2); }
} }
@keyframes bg-pulse-20 { @keyframes bg-pulse-20 {
0%, 90%, 100% { opacity: 0.07; } 0%, 90%, 100% { opacity: 0.07; }
95% { opacity: 0.14; filter: brightness(1.2); } 95% { opacity: 0.14; filter: brightness(1.2); }
} }
.animate-bg-pulse-15 { animation: bg-pulse-15 12s infinite ease-in-out; } @utility animate-bg-pulse-15 { animation: bg-pulse-15 12s infinite ease-in-out; }
.animate-bg-pulse-20 { animation: bg-pulse-20 12s infinite ease-in-out; } @utility animate-bg-pulse-20 { animation: bg-pulse-20 12s infinite ease-in-out; }
@keyframes hero-fade-in-up { @keyframes hero-fade-in-up {
from { opacity: 0; transform: translateY(30px); } from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); } to { opacity: 1; transform: translateY(0); }
} }
.animate-hero-fade-in-up { @utility animate-hero-fade-in-up {
animation: hero-fade-in-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; animation: hero-fade-in-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
} }
@keyframes hero-zoom-out { @keyframes hero-zoom-out {
from { transform: scale(1.05); } from { transform: scale(1.05); }
to { transform: scale(1); } to { transform: scale(1); }
} }
.animate-hero-zoom-out { @utility animate-hero-zoom-out {
animation: hero-zoom-out 1.5s ease-out forwards; animation: hero-zoom-out 1.5s ease-out forwards;
}
} }
/* Base Styles */ /* Base Styles */