Skip to content

Header contained modifier and links yield - #83

Merged
thomasgallagher merged 3 commits into
mainfrom
header-contained-modifier-and-links-yield
May 13, 2026
Merged

Header contained modifier and links yield#83
thomasgallagher merged 3 commits into
mainfrom
header-contained-modifier-and-links-yield

Conversation

@thomasgallagher

Copy link
Copy Markdown
Collaborator

No description provided.

Introduces l-ui-body--header-contained to constrain the header's
inner row to a max-width (via --l-ui-header-max-width, default 80rem)
and a :l_ui_header_links yield for inline link lists in the header.
Targets landing-page layouts where the header should mirror the page
content width and show plain text links instead of sidebar nav.
Drop the --l-ui-header-max-width custom property in favour of max-w-7xl,
and wrap the header links yield in a <nav aria-label="Sections"> for
better landmark semantics.
@claude

claude Bot commented May 13, 2026

Copy link
Copy Markdown

Review: Header contained modifier and links yield

Adds a .l-ui-body--header-contained body modifier that constrains the header inner row to max-w-7xl, plus a :l_ui_header_links yield that renders an accessible inline link list for landing-page headers. Documentation and dummy-app examples are included.

Ship

No issues found - the implementation is consistent with existing patterns, focus-ring is correctly applied, and the two <nav> landmarks use distinct aria-label values.

@thomasgallagher
thomasgallagher merged commit 4d5acb2 into main May 13, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant