From e0f80d074de2bdfcec7a669fddc929f3eaefe705 Mon Sep 17 00:00:00 2001 From: root Date: Thu, 1 Oct 2026 19:16:58 +0200 Subject: [PATCH] =?UTF-8?q?feat:=20=D1=82=D0=BE=D0=BD=D0=B8=D1=80=D0=BE?= =?UTF-8?q?=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20=D0=B0=D0=BA=D1=86=D0=B5=D0=BD?= =?UTF-8?q?=D1=82=D0=BE=D0=BC=20=D0=BD=D0=B0=20=D1=81=D1=82=D0=B5=D0=BA?= =?UTF-8?q?=D0=BB=D1=8F=D0=BD=D0=BD=D0=BE=D0=BC=20=D1=81=D0=BB=D0=BE=D0=B5?= =?UTF-8?q?=20(--mp-card-glass-tint)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/main.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/public/css/main.css b/public/css/main.css index 72b39ef..7a1c99d 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -3453,6 +3453,12 @@ body.home .section__title { transition: border-color 0.22s ease, transform 0.28s ease, box-shadow 0.28s ease; } +.mp-card--stack-bottom { + /* Прозрачность тонирования акцентом на стеклянном слое (0 = нет, 1 = плотно). + Меняй значение, чтобы поиграть с насыщенностью tint. */ + --mp-card-glass-tint: 0.14; +} + .mp-card--stack-bottom::before { content: ""; position: absolute; @@ -3468,6 +3474,20 @@ body.home .section__title { backdrop-filter: var(--v12-glass-neutral-filter-elevated); } +/* Тонирование акцентом поверх стекла — величина прозрачности задаётся + переменной --mp-card-glass-tint на .mp-card--stack-bottom. */ +.mp-card--stack-bottom::after { + content: ""; + position: absolute; + inset: auto 0 0 0; + height: 33.333%; + z-index: 6; + pointer-events: none; + border-radius: 0 0 var(--radius-card) var(--radius-card); + background: var(--accent); + opacity: var(--mp-card-glass-tint); +} + .mp-card:hover, .mp-card:focus-visible { border-color: color-mix(in srgb, var(--accent) 58%, var(--card-border));