tarot card icons + ranks; sig fallback for pre-sync Characters; DECKS label sizing — TDD
- migration 0011: The Nomad (0) → fa-hat-cowboy; The Schizo (1) → fa-hat-wizard - corner_rank: non-MAJOR pip card 1 → 'A' (Ace); court unchanged (M/J/Q/K); TDD - 17 unit model tests for corner_rank + suit_icon - _role_select_context: my_tray_sig falls back to seat.significator when confirmed_char.significator is None (Characters created before natus_save sync) - _card-deck.scss: DECKS label bigger (1rem, 0.32em letter-spacing) to fill stack height; sea-stack-name: opacity 0.6, scaleY(1.5), margin-top -0.4rem partially under face; sea-stack-face z-index:1 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:
@@ -940,11 +940,14 @@ $sea-card-h: 6.5rem;
|
||||
writing-mode: vertical-rl;
|
||||
transform: rotate(180deg);
|
||||
text-transform: uppercase;
|
||||
font-size: 0.6rem;
|
||||
letter-spacing: 0.15em;
|
||||
opacity: 0.45;
|
||||
// Fill the full card height ($sea-card-h: 6.5rem) with 5 letters
|
||||
font-size: 1rem;
|
||||
letter-spacing: 0.32em;
|
||||
font-weight: 700;
|
||||
opacity: 0.5;
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.sea-deck-stack {
|
||||
@@ -966,6 +969,7 @@ $sea-card-h: 6.5rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: box-shadow 0.15s;
|
||||
z-index: 1; // sits above the name label
|
||||
}
|
||||
|
||||
.sea-stack-ok {
|
||||
@@ -976,11 +980,19 @@ $sea-card-h: 6.5rem;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.sea-deck-stack { gap: 0; } // remove gap so name slides under the face
|
||||
|
||||
.sea-stack-name {
|
||||
font-size: 0.6rem;
|
||||
letter-spacing: 0.06em;
|
||||
font-size: 0.65rem;
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
opacity: 0.6;
|
||||
// Pull top of label partially under the stack face
|
||||
// margin-top: -0.1rem;
|
||||
transform: scaleY(1.2);
|
||||
transform-origin: top center;
|
||||
z-index: 0;
|
||||
}
|
||||
.sea-deck-stack--gravity .sea-stack-name { color: rgba(var(--quaUser), 1); }
|
||||
.sea-deck-stack--levity .sea-stack-name { color: rgba(var(--terUser), 1); }
|
||||
|
||||
Reference in New Issue
Block a user