From 028fcf28c17c313efce4d6d1c90eb50ca769c714 Mon Sep 17 00:00:00 2001 From: Keith Solomon Date: Wed, 1 Jul 2026 08:37:28 -0500 Subject: [PATCH] Clarify hero background fallback in inner page layout spec --- docs/superpowers/specs/2026-07-01-inner-page-layout-design.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/superpowers/specs/2026-07-01-inner-page-layout-design.md b/docs/superpowers/specs/2026-07-01-inner-page-layout-design.md index 130223a..16da06c 100644 --- a/docs/superpowers/specs/2026-07-01-inner-page-layout-design.md +++ b/docs/superpowers/specs/2026-07-01-inner-page-layout-design.md @@ -41,13 +41,13 @@ Changes: - Render `hero_vector` as an absolutely-positioned, right-anchored, bottom-anchored `` inside a new `.page-hero__vector` container, with `aria-hidden="true"` and `role="presentation"`. - Stop rendering the `intro` paragraph inside the hero. The `intro` field is now rendered in the new page-intro partial. (The heading still renders inside the hero, so the page title and the optional heading override work as before.) - Keep the `heading`, `breadcrumbs`, and `call_to_actions` rendering unchanged. -- When no `hero_image` is set, the existing `background_color` (or the default dark gradient) is the only background. +- When no `hero_image` is set, the existing `background_color` style (or the default `bg-dark` token) is the only background. Both new images are `loading="lazy"` and decorative. ## Hero Partial CSS — `views/partials/page-hero.css` (new) -The partial needs a small CSS file for the absolute positioning and mask treatment that Tailwind utilities do not express cleanly. Inline styles in the partial are acceptable as a fallback if a CSS file is undesirable, but a dedicated file follows the project's existing pattern (`contact-block.css`, `homepage-hero.css`). +The partial needs a small CSS file for the absolute positioning and mask treatment that Tailwind utilities do not express cleanly. A dedicated file follows the project's existing pattern (`contact-block.css`, `homepage-hero.css`). Rules: