MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Chore/sync mokostandards v04.00.27 (#92)

Browse Source 
* chore: update LICENSE from MokoStandards

* chore: update update.xml from MokoStandards

* chore: update phpstan.neon from MokoStandards

* chore: update Makefile from MokoStandards

* chore: update .gitignore from MokoStandards

* chore: update composer.json from MokoStandards

* chore: update .moko-standards from MokoStandards

* chore: update .github/copilot.yml from MokoStandards

* chore: update .github/copilot-instructions.md from MokoStandards

* chore: update .github/CLAUDE.md from MokoStandards

* chore: update .github/workflows/codeql-analysis.yml from MokoStandards

* chore: update .github/workflows/enterprise-firewall-setup.yml from MokoStandards

* feat: add hero variant system, block color system, theme test sheet, and CSS var sync script

Implements the two-variant hero system (.hero#primary / .hero#secondary) and
automatic block color palette for top-a/top-b/bottom-a/bottom-b positions.
Adds Bootstrap-style HTML test page for visual CSS variable reference, and a
PHP sync utility that detects missing variables in user custom palettes and
injects them on upgrade.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit was merged in pull request #92.
This commit is contained in:
Jonathan Miller
2026-03-26 11:39:46 -05:00
committed by GitHub
parent 2ba0e7a1ab
commit 20493cf43e
10 changed files with 1285 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/media/css/template.css
View File

@@ -13942,6 +13942,28 @@ meter {
}
}
/* ── HERO VARIANT BASE ── */
.hero {
background-size: cover;
background-position: center;
overflow: hidden;
border-radius: .5rem;
}
/* ── PRIMARY VARIANT ── */
.hero#primary {
background-color: var(--hero-primary-bg-color);
background-image: var(--hero-primary-overlay);
color: var(--hero-primary-color);
}
/* ── SECONDARY VARIANT ── */
.hero#secondary {
background-color: var(--hero-secondary-bg-color);
background-image: var(--hero-secondary-overlay);
color: var(--hero-secondary-color);
}
.footer {
margin-top: 1em;
color: var(--body-color);
@@ -14640,6 +14662,64 @@ iframe {
}
}
/* ── BLOCK COLOR SYSTEM (nth-child slot palette) ── */
.container-top-a > .card:nth-child(1),
.container-top-b > .card:nth-child(1),
.container-bottom-a > .card:nth-child(1),
.container-bottom-b > .card:nth-child(1) {
background-color: var(--block-color-1);
color: var(--block-text-1);
}
.container-top-a > .card:nth-child(2),
.container-top-b > .card:nth-child(2),
.container-bottom-a > .card:nth-child(2),
.container-bottom-b > .card:nth-child(2) {
background-color: var(--block-color-2);
color: var(--block-text-2);
}
.container-top-a > .card:nth-child(3),
.container-top-b > .card:nth-child(3),
.container-bottom-a > .card:nth-child(3),
.container-bottom-b > .card:nth-child(3) {
background-color: var(--block-color-3);
color: var(--block-text-3);
}
.container-top-a > .card:nth-child(4),
.container-top-b > .card:nth-child(4),
.container-bottom-a > .card:nth-child(4),
.container-bottom-b > .card:nth-child(4) {
background-color: var(--block-color-4);
color: var(--block-text-4);
}
/* ── BLOCK COLOR — Named per-module overrides ── */
.container-top-a #block-highlight,
.container-top-b #block-highlight,
.container-bottom-a #block-highlight,
.container-bottom-b #block-highlight {
background-color: var(--block-highlight-bg);
color: var(--block-highlight-text);
}
.container-top-a #block-cta,
.container-top-b #block-cta,
.container-bottom-a #block-cta,
.container-bottom-b #block-cta {
background-color: var(--block-cta-bg);
color: var(--block-cta-text);
}
.container-top-a #block-alert,
.container-top-b #block-alert,
.container-bottom-a #block-alert,
.container-bottom-b #block-alert {
background-color: var(--block-alert-bg);
color: var(--block-alert-text);
}
.container-component nav {
position: relative;
}