banlv/ai-creator-partnership
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Highlight only the hovered service card

Browse Source
This commit is contained in:
Codex
2026-07-21 13:26:30 +02:00
parent 79847ae4fb
commit c2e4e2763f
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/globals.css
+5
View File
@@ -87,3 +87,8 @@ body{overflow-wrap:break-word}
.contact aside h2{font-size:34px;line-height:1.12}.form label,.form legend{line-height:1.35}.checks span{line-height:1.25} .contact aside h2{font-size:34px;line-height:1.12}.form label,.form legend{line-height:1.35}.checks span{line-height:1.25}
@media(max-width:1040px){.page-hero h1{font-size:clamp(46px,6.5vw,66px)}.process-list article{grid-template-columns:52px minmax(170px,.8fr) minmax(0,1.2fr)}.process-list strong{grid-column:2/-1;justify-self:start;max-width:none;text-align:left}.case-copy section{grid-template-columns:115px minmax(0,1fr)}} @media(max-width:1040px){.page-hero h1{font-size:clamp(46px,6.5vw,66px)}.process-list article{grid-template-columns:52px minmax(170px,.8fr) minmax(0,1.2fr)}.process-list strong{grid-column:2/-1;justify-self:start;max-width:none;text-align:left}.case-copy section{grid-template-columns:115px minmax(0,1fr)}}
@media(max-width:760px){.hero h1{font-size:clamp(45px,13vw,62px)}.page-hero h1{font-size:clamp(40px,11.5vw,56px);line-height:1.04}.split h2,.title-row h2,.cta h2,.principles h2,.funnel-head h2{font-size:clamp(38px,10vw,52px)}.service-grid article,.adv-grid article,.scenario{min-height:auto}.process-list article{grid-template-columns:42px minmax(0,1fr);gap:18px}.process-list article>p,.process-list article>strong{grid-column:2}.principles>div:last-child article{grid-template-columns:38px minmax(0,1fr)}.principles article p{grid-column:2}.case-art>strong{font-size:30px}.case-copy h2{font-size:29px}.case-copy section{grid-template-columns:1fr;gap:10px}.faq summary{grid-template-columns:38px minmax(0,1fr) 24px;font-size:17px}.form-row{grid-template-columns:1fr}} @media(max-width:760px){.hero h1{font-size:clamp(45px,13vw,62px)}.page-hero h1{font-size:clamp(40px,11.5vw,56px);line-height:1.04}.split h2,.title-row h2,.cta h2,.principles h2,.funnel-head h2{font-size:clamp(38px,10vw,52px)}.service-grid article,.adv-grid article,.scenario{min-height:auto}.process-list article{grid-template-columns:42px minmax(0,1fr);gap:18px}.process-list article>p,.process-list article>strong{grid-column:2}.principles>div:last-child article{grid-template-columns:38px minmax(0,1fr)}.principles article p{grid-column:2}.case-art>strong{font-size:30px}.case-copy h2{font-size:29px}.case-copy section{grid-template-columns:1fr;gap:10px}.faq summary{grid-template-columns:38px minmax(0,1fr) 24px;font-size:17px}.form-row{grid-template-columns:1fr}}
/* Only one service card is highlighted at a time. */
.service-grid:hover article:first-child:not(:hover){color:var(--ink);background:rgba(255,255,255,.70);box-shadow:0 12px 36px rgba(38,24,64,.045)}
.service-grid:hover article:first-child:not(:hover)>span{color:var(--purple)}
.service-grid:hover article:first-child:not(:hover) p{color:var(--muted)}