feat(mp-card): hover lift + soft accent glow on linked cards

This commit is contained in:
root committed 2026-09-18 13:12:46 +02:00
1 parent f947305a09
commit 6b4e20c502
1 file changed
+9 -1
+9 -1
View File
@@ -3284,7 +3284,7 @@ html[data-theme="light"] .hero__portrait-shell {
background: var(--surface);
color: inherit;
text-decoration: none;
transition: border-color 0.22s ease;
transition: border-color 0.22s ease, transform 0.28s ease, box-shadow 0.28s ease;
}
.mp-card:hover,
@@ -3301,6 +3301,14 @@ html[data-theme="light"] .hero__portrait-shell {
outline-offset: 3px;
}
.mp-card--link:hover,
.mp-card--link:focus-visible {
transform: translateY(-5px);
z-index: 2;
box-shadow: 0 14px 30px -14px color-mix(in srgb, var(--accent) 55%, transparent),
0 4px 10px -6px color-mix(in srgb, var(--accent) 30%, transparent);
}
.mp-card__body {
position: relative;
z-index: 1;