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)
This commit is contained in:
Gabriel Fontes
2026-09-02 17:35:44 -03:00
parent d2211ab8f5
commit 628019e689
2 changed files with 7 additions and 0 deletions
+4
View File
@@ -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);
@@ -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);
}