mohs/sass-mohfarawati
1
0
Fork 0
Code Issues Pull Requests Actions 8 Packages Projects Releases Wiki Activity

Refine home hero and header experience

Browse Source
This commit is contained in:
MOH
2026-03-09 08:39:49 +01:00
parent c009f71e39
commit 9632958e41
6 changed files with 166 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/globals.css
+14 -16
View File
@@ -368,34 +368,32 @@ html[lang="ar"] {
.hero-title-accent {
background-image: linear-gradient(
120deg,
hsl(var(--hero-ink)) 0%,
hsl(var(--hero-ink)) 24%,
hsl(var(--primary) / 0.58) 52%,
hsl(var(--hero-right) / 0.34) 78%,
hsl(var(--hero-ink)) 100%
135deg,
hsl(var(--primary)) 0%,
color-mix(in srgb, hsl(var(--primary)) 82%, hsl(var(--foreground))) 100%
);
background-size: 220% 220%;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
animation: hero-title-shift 8s ease-in-out infinite alternate;
}
.hero-title-accent-soft {
color: hsl(var(--hero-ink));
}
.dark .hero-title-accent {
background-image: linear-gradient(
120deg,
hsl(var(--hero-ink)) 0%,
hsl(var(--hero-ink)) 34%,
hsl(var(--hero-left) / 0.26) 62%,
hsl(var(--primary) / 0.24) 82%,
hsl(var(--hero-ink)) 100%
135deg,
hsl(var(--primary)) 0%,
color-mix(in srgb, hsl(var(--primary)) 74%, hsl(var(--foreground))) 100%
);
background-size: 220% 220%;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
animation: hero-title-shift 10s ease-in-out infinite alternate;
}
.dark .hero-title-accent-soft {
color: hsl(var(--hero-ink));
}
.hero-scroll-link {