From 5b43d486c0910ef42f09bbd43ad29ebded520f3f Mon Sep 17 00:00:00 2001 From: root Date: Tue, 29 Sep 2026 19:58:54 +0200 Subject: [PATCH] =?UTF-8?q?style:=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D1=82=D1=8C=20=D1=81=D1=82=D0=B5=D0=BA=D0=BB=D1=8F=D0=BD=D0=BD?= =?UTF-8?q?=D1=8B=D0=B9=20=D1=81=D0=BB=D0=BE=D0=B9=20=D0=BF=D0=BE=D0=B2?= =?UTF-8?q?=D0=B5=D1=80=D1=85=20portfolio-card?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/main.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/public/css/main.css b/public/css/main.css index b0e1dab..7fd0fa0 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -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));