/** * Kadence Blocks compatibility layer * * Lambda is a Bootstrap 3 theme; Kadence Blocks assumes a Kadence-theme * environment. This file reconciles the two. * * LOAD ORDER WARNING * ------------------ * inc/block-compat.php enqueues this at priority 50 with a dependency on the * child stylesheet, which puts it after `lambda-theme-stack` — the compiled * skin at uploads/lambda/stack-367.css. * * That means anything declared here BEATS the Skin editor. Only declare rules * the skin has no opinion about. Typography set in the Skin editor (body size, * heading sizes, colours) must not be restated here, or the Skin editor * silently stops working and the cause is very hard to find. * * @package HCDSB_Child * @since 1.18 */ /* ------------------------------------------------------------------------- * 1. Root font size — the one rule this file exists for * * Bootstrap 3 sets `html { font-size: 10px }` (bootstrap.css:1382, repeated at * theme.css:13183) so that 1rem = 10px. Kadence, like every modern plugin, * assumes the browser default of 16px, and expresses everything in rem: * * --global-kb-gap-lg: 4rem -> 40px, should be 64px * --global-kb-font-size-md: 1.1rem -> 11px, should be ~17.6px * --global-kb-spacing-lg: 3rem -> 30px, should be 48px * * This is why buttons and block spacing shrink without this file. * * Safe because Lambda barely uses rem: zero declarations in bootstrap.css, * zero in the child style.css, one in theme.css — * `.screen-reader-text:focus { font-size: 0.875rem }`, which has a 14px * fallback on the line above and renders at 8.75px under the 10px root. * Restoring 16px gives that skip link the size its author intended. * * This rule does NOT set body text size. The skin owns that. * ---------------------------------------------------------------------- */ html { font-size: 100%; /* 16px */ } /* ------------------------------------------------------------------------- * 2. Body size — deliberately absent * * An earlier version of this file pinned `body { font-size: 14px }` to match * Lambda's default. Because of the load order above, that overrode the 16px * saved in the Skin editor and forced paragraph copy back to 14px on Gutenberg * pages. Do not reinstate it — set body size in the Skin editor instead. * ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- * 3. Global palette — REVIEW BEFORE THE HOME PAGE REBUILDS * * With the Kadence theme inactive, Kadence Blocks falls back to its own stock * palette. Any block set to a "global palette" colour currently renders * Kadence's default blue (#3182CE), not an HCDSB colour. Cheaper to fix now * than to re-colour eleven home pages later. * * palette1/2 are accent + accent hover, 3-6 text tones, 7-9 backgrounds. * ---------------------------------------------------------------------- */ /* :root { --global-palette1: #005B96; --global-palette2: #00446F; --global-palette3: #1A202C; --global-palette4: #2D3748; --global-palette5: #4A5568; --global-palette6: #718096; --global-palette7: #EDF2F7; --global-palette8: #F7FAFC; --global-palette9: #ffffff; } */ /* ------------------------------------------------------------------------- * 4. Specificity ladder * * Kadence emits each rule twice — once bare, once prefixed with * `.site .entry-content` to outrank theme styles. Lambda outputs neither * wrapper, so the second copy never matches and Kadence loses any contest * against a more specific Lambda selector. * * inc/block-compat.php adds `site` to and `entry-content` to the page *

. Neither class appears in bootstrap.css, theme.css or the child * style.css, so nothing else is affected. * ---------------------------------------------------------------------- */