style: добавить стеклянный слой поверх portfolio-card

This commit is contained in:
root committed 2026-09-29 19:58:54 +02:00
1 parent ac8b60049a
commit 5b43d486c0
1 file changed
+13
+13
View File
@@ -3894,6 +3894,7 @@ html[data-theme="dark"] .mp-card--stack-bottom .mp-card__tag {
}
.portfolio-card {
position: relative;
display: flex;
flex-direction: column;
gap: 0;
@@ -3909,6 +3910,18 @@ html[data-theme="dark"] .mp-card--stack-bottom .mp-card__tag {
transition: border-color 0.2s ease;
}
.portfolio-card::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
border-radius: inherit;
background: color-mix(in srgb, var(--surface) 22%, transparent);
-webkit-backdrop-filter: blur(2.5px) saturate(115%);
backdrop-filter: blur(2.5px) saturate(115%);
}
.portfolio-card:hover,
.portfolio-card:focus-visible {
border-color: color-mix(in srgb, var(--accent) 55%, var(--card-border));