PICK SEA overlay: sea SCSS → _card-deck.scss; Sig card + qualifier display; crossing slot deferred
- sea overlay SCSS moved from _natus.scss to end of _card-deck.scss (correct file for card/overlay primitives) - Significator center slot: sig-stage-card w. .sea-cross context rule (background, border, aspect-ratio, overflow); fan-card-face name + sig-qualifier-above/below at 0.5rem w. word-wrap - _sea_overlay.html: qualifier rendered from user_polarity + arcana (MIDDLE → Leavened/Graven above; MAJOR → below); crossing slot removed from HTML + grid-template-areas (deferred re-add later) - SCSS grid trimmed to 3 rows (crown/past-center-future/root); .sea-pos-crossing class kept for later reuse Code architected by Disco DeDisco <discodedisco@outlook.com> Git commit message Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -11,7 +11,7 @@
|
||||
|
||||
<header class="sea-modal-header">
|
||||
<h2>PICK <span>SEA</span></h2>
|
||||
<p>Choose your spread and draw your Celtic Cross.</p>
|
||||
<p>Draw cards to circumscribe your character's influences and seed the Voronoi map.</p>
|
||||
</header>
|
||||
|
||||
<div class="sea-modal-body">
|
||||
@@ -29,9 +29,19 @@
|
||||
</div>
|
||||
{# Center — Significator (already placed) #}
|
||||
<div class="sea-cross-cell sea-pos-center">
|
||||
<div class="sea-card-slot sea-card-slot--sig">
|
||||
<div class="sig-stage-card" style="--sig-card-w: 4rem">
|
||||
{% if my_tray_sig %}
|
||||
<span class="sea-sig-name">{{ my_tray_sig.name_title }}</span>
|
||||
<div class="fan-card-face">
|
||||
{% if my_tray_sig.arcana == "MIDDLE" %}
|
||||
<p class="sig-qualifier-above">{% if user_polarity == "levity" %}Leavened{% else %}Graven{% endif %}</p>
|
||||
<p class="fan-card-name">{{ my_tray_sig.name_title }}</p>
|
||||
{% elif my_tray_sig.arcana == "MAJOR" %}
|
||||
<p class="fan-card-name">{{ my_tray_sig.name_title }}</p>
|
||||
<p class="sig-qualifier-below">{% if user_polarity == "levity" %}Leavened{% else %}Graven{% endif %}</p>
|
||||
{% else %}
|
||||
<p class="fan-card-name">{{ my_tray_sig.name_title }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
@@ -43,10 +53,7 @@
|
||||
<div class="sea-cross-cell sea-pos-root">
|
||||
<div class="sea-card-slot sea-card-slot--empty"></div>
|
||||
</div>
|
||||
{# Crossing — position 2 (rotated across center) #}
|
||||
<div class="sea-cross-cell sea-pos-crossing">
|
||||
<div class="sea-card-slot sea-card-slot--empty sea-card-slot--crossing"></div>
|
||||
</div>
|
||||
{# Crossing — position 2 (rotated) deferred; re-add once layout is finalized #}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user