discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

my-sea spread: correct CROSS reversal direction — nonreversed (Emanation) faces right, Reversal faces left (swap of 5b6a1be)

Browse Source 
Follow-up to 5b6a1be: the rotation values were inverted relative to intent. Corrected per user: the upright/Emanation crossing card points top-RIGHT (90°) and the reversed/Reversal card points top-LEFT (270°), 180° apart. The specificity fix from 5b6a1be stays (the reversed rule is chained to (0,3,0) so it wins the cascade over the (0,2,0) base cross rule — the original equal-specificity tie was why every cross card rendered right and reversal never showed). Pure CSS; modal reversal untouched.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-06-01 14:07:37 -04:00
parent 5b6a1be347
commit 58280c63f5
1 changed files with 16 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/static_src/scss/_card-deck.scss
View File

@@ -1676,15 +1676,15 @@ $sea-card-h: 6.5rem;
// not just each character upside-down in place.
.sea-card-slot--reversed { transform: rotate(180deg); }
// Reversed crossing card: top toward the RIGHT (90° CW) — 180° from the
// upright cross (270°, top-left) so the reversal is visually unmistakable in
// the spread (the modal indicates it separately). MUST out-specify the
// `.sea-pos-cross .sea-card-slot` rule above — chaining `.sea-card-slot
// .sea-card-slot--reversed` makes this (0,3,0) vs that (0,2,0); the prior
// `.sea-pos-cross .sea-card-slot--reversed` was only (0,2,0) — EQUAL — so the
// later upright rule won the cascade and reversed cross never read as reversed.
// [[feedback-scss-import-order-specificity]]
.sea-pos-cross .sea-card-slot.sea-card-slot--reversed { transform: rotate(90deg); }
// Reversed (Reversal) crossing card: top toward the LEFT (270° CW) — 180°
// from the upright cross (90°, top-right) so the reversal is visually
// unmistakable in the spread (the modal indicates it separately). MUST
// out-specify the `.sea-pos-cross .sea-card-slot` rule above — chaining
// `.sea-card-slot.sea-card-slot--reversed` makes this (0,3,0) vs that (0,2,0);
// the prior `.sea-pos-cross .sea-card-slot--reversed` was only (0,2,0) — EQUAL
// — so the later upright rule won the cascade and reversed cross never read as
// reversed. [[feedback-scss-import-order-specificity]]
.sea-pos-cross .sea-card-slot.sea-card-slot--reversed { transform: rotate(270deg); }
// Long Roman numerals (≥ 5 chars: XVIII, XXIII, XXVIII, XXXIII, XXXVIII,
// XLIII, XLVIII) — squeeze horizontally via scaleX so they fit the slot
@@ -1789,12 +1789,13 @@ $_sea-card-glow: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3), 0 0 0.4rem rgba(0,
.sea-pos-label { opacity: 0.6; }
}
// Upright crossing card lies across with its top toward the LEFT (270° CW),
// so a reversed crossing card (below) reads 180° opposite — top toward the
// RIGHT — instead of looking identical. (Bug pre-2026-06-01: the reversed
// rule lost the cascade and every cross card pointed right, so reversal was
// never indicated. user-spec: reversed cross top points rightward.)
.sea-pos-cross .sea-card-slot { transform: rotate(270deg); }
// Upright (Emanation) crossing card lies across with its top toward the
// RIGHT (90° CW); the reversed (Reversal) card below reads 180° opposite —
// top toward the LEFT — instead of looking identical. (Bug: the reversed rule
// lost an equal-specificity cascade tie, so every cross card pointed right and
// reversal was never indicated. user-spec: nonreversed faces right, reversed
// faces left.)
.sea-pos-cross .sea-card-slot { transform: rotate(90deg); }
// Sig card in center slot — compact rank + icon display; tilted CCW so Cover slot peeks through
.sea-sig-card {