fix: update badge styles and animations for consistency
All checks were successful
Deploy / deploy (push) Successful in 7m13s
All checks were successful
Deploy / deploy (push) Successful in 7m13s
Refined the styling of badge and eyebrow elements to ensure uniformity across the site, aligning them with the main section headers. Updated the `PixelMark` component to enhance its animation behavior, introducing new keyframes for smoother transitions. Adjusted CSS properties for better visual consistency and removed unnecessary uppercase text styling. Improved the `SectionEyebrow` component to reflect these changes.
This commit is contained in:
@@ -129,6 +129,37 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* Rozet (PixelMark) pikselleri: sırayla turuncuya ısınır, iz gibi yavaşça söner.
|
||||
Zamanlama ısı fırçasıyla aynı dili konuşur: ani ısınma (%8), uzun soğuma (%66). */
|
||||
@theme {
|
||||
--animate-pixel-isi: pixel-isi 2.4s ease-in-out infinite;
|
||||
--animate-pixel-isi-accent: pixel-isi-accent 2.4s ease-in-out infinite;
|
||||
|
||||
@keyframes pixel-isi {
|
||||
0%,
|
||||
66%,
|
||||
100% {
|
||||
fill: currentColor;
|
||||
fill-opacity: var(--px-op, 0.3);
|
||||
}
|
||||
8% {
|
||||
fill: var(--color-orange-500);
|
||||
fill-opacity: 0.85;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pixel-isi-accent {
|
||||
0%,
|
||||
66%,
|
||||
100% {
|
||||
fill-opacity: 0.55;
|
||||
}
|
||||
8% {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Ödeme dönüşünde kilidi açılan listenin blur çözülme animasyonu */
|
||||
@keyframes kt-unblur {
|
||||
from {
|
||||
|
||||
@@ -314,7 +314,7 @@ export default function Home() {
|
||||
{/* Kuralların şeffaf anlatımına köprü: /meraklisina */}
|
||||
<Link
|
||||
href="/meraklisina"
|
||||
className="group inline-flex items-center gap-1.5 rounded-full bg-orange-500 px-3.5 py-1.5 text-xs font-semibold uppercase tracking-[0.12em] text-white transition-colors duration-200 hover:bg-orange-600"
|
||||
className="group inline-flex items-center gap-1.5 rounded-full bg-orange-500 px-3.5 py-1.5 font-bricolage text-xs font-semibold text-white transition-colors duration-200 hover:bg-orange-600"
|
||||
>
|
||||
Meraklısına
|
||||
<ArrowUpRight
|
||||
|
||||
Reference in New Issue
Block a user