From 628019e6897e97a9698dc527709777a5f5732930 Mon Sep 17 00:00:00 2001 From: Gabriel Fontes Date: Wed, 2 Sep 2026 17:24:59 -0300 Subject: [PATCH] fix(projects/website): contain horizontal content overflow Wrap external links at arbitrary points and prevent wide article children from widening the page while preserving their own scrollers. Assisted-by: pi (gpt-5.6-sol) --- projects/website/_src/_sass/_base.scss | 4 ++++ projects/website/_src/_sass/_content.scss | 3 +++ 2 files changed, 7 insertions(+) diff --git a/projects/website/_src/_sass/_base.scss b/projects/website/_src/_sass/_base.scss index 8f62baf8..85f793db 100644 --- a/projects/website/_src/_sass/_base.scss +++ b/projects/website/_src/_sass/_base.scss @@ -256,6 +256,10 @@ a { text-underline-offset: 0.14em; transition: color var(--duration-normal) var(--ease-linear), text-decoration-color var(--duration-normal) var(--ease-linear), text-decoration-thickness var(--duration-normal) var(--ease-linear), text-underline-offset var(--duration-normal) var(--ease-out); + &.external { + overflow-wrap: anywhere; + } + &:hover, &:focus-visible { color: var(--primary); diff --git a/projects/website/_src/_sass/_content.scss b/projects/website/_src/_sass/_content.scss index c81bd74a..51c930b2 100644 --- a/projects/website/_src/_sass/_content.scss +++ b/projects/website/_src/_sass/_content.scss @@ -92,6 +92,9 @@ main > article > section > ul { // Keep ambient stars clear of article content while softly feathering the edges. article > section { + // Wide children provide their own scrollers; don't let them widen the page. + overflow-x: clip; + overflow-clip-margin: var(--space-2); background: var(--background-body); box-shadow: 0 0 1.5rem 0.5rem var(--background-body); }