From ca4e132f41a04e43c98ca9b90a74b7d3787ff776 Mon Sep 17 00:00:00 2001 From: Alex Dunmow Date: Sun, 5 Jul 2026 17:40:22 +0800 Subject: [PATCH] fix(theme): drive responsive layout from theme-owned CSS MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Host Tailwind JIT does not scan theme templates, so responsive grid/hero utilities (sm:/md:/lg:grid-cols-*, min-h-screen, arbitrary values) are dropped and multi-column layouts collapse to one column. Ship the load-bearing responsive layout as compiled theme CSS and point the override templates at it. Layout only — colours stay on semantic tokens. Co-Authored-By: Claude Opus 4.8 --- templates/overrides/kindergarten/hero.ninjatpl | 8 ++++---- templates/overrides/kindergarten/navbar.ninjatpl | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/templates/overrides/kindergarten/hero.ninjatpl b/templates/overrides/kindergarten/hero.ninjatpl index 48793e0..86e81e2 100644 --- a/templates/overrides/kindergarten/hero.ninjatpl +++ b/templates/overrides/kindergarten/hero.ninjatpl @@ -1,8 +1,8 @@ {# hero kindergarten override (GO-BIG showpiece): a bouncing mascot, wiggling ABC letters, and a dependency-free confetti canvas fill the panel when there is no backgroundImage. The canvas lazy-inits on view, honours prefers-reduced-motion, and degrades to a static confetti wash with JS off. Sizing + typography are driven by compiled .kg-hero* CSS (NOT min-h-screen / responsive Tailwind, which the host JIT drops on a cold provision). All builtin field reads are preserved from the default hero. #} -{% set eyebrowText = eyebrow.text|default:eyebrow %} -{% set headlineText = headline.text|default:headline %} -{% set subText = subheadline.text|default:subheadline %} -{% set descText = description.text|default:description %} +{% set eyebrowText = eyebrow|get:"text"|default:eyebrow %} +{% set headlineText = headline|get:"text"|default:headline %} +{% set subText = subheadline|get:"text"|default:subheadline %} +{% set descText = description|get:"text"|default:description %} {% set pText = ctaPrimary.text %} {% set pUrl = ctaPrimary.url %} {% set sText = ctaSecondary.text %} diff --git a/templates/overrides/kindergarten/navbar.ninjatpl b/templates/overrides/kindergarten/navbar.ninjatpl index 3d5c90c..6aebfa4 100644 --- a/templates/overrides/kindergarten/navbar.ninjatpl +++ b/templates/overrides/kindergarten/navbar.ninjatpl @@ -5,7 +5,7 @@ {% if not sb %}{% if sticky %}{% set sb = "sticky" %}{% else %}{% set sb = "none" %}{% endif %}{% endif %} {% set use_mega = megaMenu or template == "mega" %} {% set is_transparent = nv == "transparent-over-hero" %} -{% set cta_text = cta.text|default:ctaLabel %} +{% set cta_text = cta|get:"text"|default:ctaLabel %} {% set cta_url = cta.url|default:ctaUrl %} {% set bg = backgroundColor|default:"bg-background" %} {% macro navlink(item) %}{{ item.label }}{% endmacro %}