feat(styles): adapt monster statblock palette and headers (#15) #29

Merged
Reliodas merged 1 commit from feat/15-monster-statblock-style into develop 2026-06-30 11:00:11 +00:00
Owner

Closes #15.

Le CSS de reference vise un autre DOM (.monster h2/h3/dl, table clip-path) en syntaxe imbriquee. Strategie retenue (documentee) : adaptation en CSS navigateur plat sur le markup existant, sans build ni restructuration.

  • Palette de reference definie en :root (--MonsterBackground, --New_Dark_Red, --HB_Color_HeaderText, --Gray, --Light_Gray, --Monster_Table_*) avec commentaire.
  • Cue signature applique a la carte monstre : titres de section et nom en rouge profond souligne, fond creme.
  • Couleurs uniquement : pas de changement de DOM/dimensions -> impression inchangee. Le gabarit table/dl de la reference n'est pas adopte tel quel.

Verification : variables definies + appliquees (grep) ; equilibre des accolades CSS OK ; JS inline OK. Rendu non verifie en navigateur (Chromium absent) : revue visuelle recommandee (portrait + A6 paysage).

Closes #15. Le CSS de reference vise un autre DOM (.monster h2/h3/dl, table clip-path) en syntaxe imbriquee. Strategie retenue (documentee) : adaptation en CSS navigateur plat sur le markup existant, sans build ni restructuration. - Palette de reference definie en :root (--MonsterBackground, --New_Dark_Red, --HB_Color_HeaderText, --Gray, --Light_Gray, --Monster_Table_*) avec commentaire. - Cue signature applique a la carte monstre : titres de section et nom en rouge profond souligne, fond creme. - Couleurs uniquement : pas de changement de DOM/dimensions -> impression inchangee. Le gabarit table/dl de la reference n'est pas adopte tel quel. Verification : variables definies + appliquees (grep) ; equilibre des accolades CSS OK ; JS inline OK. **Rendu non verifie en navigateur (Chromium absent)** : revue visuelle recommandee (portrait + A6 paysage).
Reliodas added this to the 1.0.0-beta milestone 2026-06-30 11:00:02 +00:00
The reference CSS targets a different DOM (u/Gambatte's .monster with
h2/h3/dl and a clip-path stat table) and uses nested preprocessor syntax.
Porting that markup wholesale would be a large, risky rewrite, so the chosen
strategy is to adapt it to flat, browser-compatible CSS over the existing
card structure:

- Define the reference palette as :root variables (--MonsterBackground,
  --New_Dark_Red, --HB_Color_HeaderText, --Gray, --Light_Gray, the
  --Monster_Table_* tints) with a comment documenting the strategy.
- Apply the signature statblock cue to the monster card: dark-red, underlined
  small-caps section titles and name header on a cream background.

Colors only, no DOM/size change, so card dimensions and print are unaffected.
The full reference table/dl layout is intentionally not adopted; documented in
CHANGELOG.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Reliodas merged commit be7b06a56a into develop 2026-06-30 11:00:11 +00:00
Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: dnd/cards#29
No description provided.