mirror of
https://github.com/Misterio77/Foundry.git
synced 2026-09-27 09:26:38 -04:00
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:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user