Skip to content

fix(docs): correct landing-page hero spacing for Hextra v0.12 - #140

Merged
bmorton merged 1 commit into
mainfrom
docs/hextra-theme-transition
Jul 24, 2026
Merged

bmorton merged 1 commit into
mainfrom
docs/hextra-theme-transition

Conversation

@bmorton

@bmorton bmorton commented Jul 24, 2026

Copy link
Copy Markdown
Owner

Problem

The front page (https://temporal-operator.bmorton.dev/) hero and button spacing collapsed. The landing page's spacing wrappers used the old hx- utility-class prefix (from Hextra ≤0.9), but Hextra v0.12 (Tailwind v4) uses the hx: prefix. The hx-mt-6 / hx-mb-12 / hx-mb-6 classes were therefore no-ops.

Fix

  • Switch the hero-headline, hero-subtitle, and hero-button wrapper <div>s to the hx: prefix (hx:mt-6 hx:mb-6, hx:mb-12, hx:mb-6).
  • Add the <div class="hx:mt-6"></div> spacer before the feature grid, matching Hextra's own home-layout markup.

Verification

hugo --minify builds cleanly; the rendered public/index.html now emits the correct hx: spacing classes and no dead hx- classes remain.

Co-authored-by: Copilot 223556219+Copilot@users.noreply.github.com

Hextra v0.12 (Tailwind v4) uses the hx: utility prefix; the old hx-
classes were no-ops, collapsing the hero and button spacing. Also add
the hx:mt-6 spacer before the feature grid to match Hextra's home layout.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Signed-off-by: Brian Morton <brian@mmmhm.com>
@bmorton
bmorton force-pushed the docs/hextra-theme-transition branch from 426a420 to 8bb03b8 Compare July 24, 2026 15:52
@bmorton
bmorton merged commit fd54c29 into main Jul 24, 2026
15 checks passed
@bmorton
bmorton deleted the docs/hextra-theme-transition branch July 24, 2026 16:01
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