feat(mp-card): hover lift + soft accent glow on linked cards
This commit is contained in:
1 parent
f947305a09
commit
6b4e20c502
1 file changed
+9
-1
+9
-1
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user