From 0abc8c589fc407487db142a5dd4570c5f56bf5d9 Mon Sep 17 00:00:00 2001 From: Todd Baur Date: Fri, 24 Apr 2026 16:42:32 -0700 Subject: [PATCH] fix layer card border-radius miter artifact Replace border-top with inset box-shadow so the colored accent stripe follows the card's border-radius curve instead of creating a miter join at the top corners. Co-Authored-By: Claude Sonnet 4.6 --- docs/assets/css/index.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/assets/css/index.css b/docs/assets/css/index.css index bcbd25ed..f5696a8c 100644 --- a/docs/assets/css/index.css +++ b/docs/assets/css/index.css @@ -126,8 +126,8 @@ background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 28px 28px 24px; } -.layer-card-pap { border-top: 2px solid var(--indigo); } -.layer-card-chr { border-top: 2px solid var(--teal); } +.layer-card-pap { box-shadow: inset 0 3px 0 var(--indigo); } +.layer-card-chr { box-shadow: inset 0 3px 0 var(--teal); } .layer-label { font-size: .7rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 12px;