The generator style layer is shared across all QuantaLumin sites. Site
differences should normally flow through Hugo params, front matter, content
classes, and generated CSS variables instead of per-site layout or stylesheet
forks.
Source Areas
assets/scss/ contains the shared SCSS entrypoint, component styles, section
styles, and compatibility rules.assets/css/variables.css exposes the site and surface token vocabulary.layouts/partials/head/css.html owns the Hugo stylesheet build and import
chain.cdn/custom/ contains browser-side runtime CSS and JavaScript for shared
interactive surfaces.
Organising Principle
Hugo emits semantic structure and scoped token values. SCSS/CSS consumes those
tokens and classes to render the visual system. JavaScript may hydrate widgets
or editor surfaces, but it should not become the source of truth for page
layout.
The long-term direction is a smaller shared token vocabulary rebound by scope:
root, header, main, footer, section, widget, and editor surfaces. Legacy
component-prefixed variables remain compatibility bridges while the CSS system
is migrated.
Pages