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

my-sea deck glow: single (monodeck) stack matches the levity/gravity --ninUser halo — make every deck match

Browse Source 
Bring the single/non-polarized deck stack's hover/active glow in line with the
tuned --ninUser halo levity + gravity already use (0.5rem blur / 0.5rem spread /
0.3 alpha) so every deck reads identically (user-spec 2026-05-30). Added a
per-deck `$_glow-single` var (parity w. `$_glow-levity`/`$_glow-gravity`, each
independently tunable). The monodeck keeps its own neutral --terUser hover
border; only the glow box-shadow changed.

Code architected by Disco DeDisco <discodedisco@outlook.com>
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-05-30 01:19:14 -04:00
parent b7d871388e
commit de4dcd7979
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2061,13 +2061,14 @@ $_sea-card-glow: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3), 0 0 0.4rem rgba(0,
// Deck backs — face-down pile colour identifies polarity // Deck backs — face-down pile colour identifies polarity
$_sea-shadow: 1px 2px 0 rgba(0,0,0,0.7), 0 4px 0 rgba(0,0,0,0.18), 2px 5px 5px rgba(0,0,0,0.5); $_sea-shadow: 1px 2px 0 rgba(0,0,0,0.7), 0 4px 0 rgba(0,0,0,0.18), 2px 5px 5px rgba(0,0,0,0.5);
// Levity + gravity stack glows mirror the spread-card halo's tuned geometry // All deck stacks (levity / gravity / single) share the spread-card halo's
// ($_sea-card-glow, user-tuned 2026-05-30: 0.5rem blur / 0.5rem spread / 0.3 // tuned --ninUser glow ($_sea-card-glow, user-tuned 2026-05-30: 0.5rem blur /
// alpha) so the deck glows read identically to the card halo — each keeps its // 0.5rem spread / 0.3 alpha) so EVERY deck reads identically to the card halo
// own polarity colour (--ninUser / --quaUser). Duplicated literally (not // (user-spec "make every deck match" 2026-05-30). Kept as three per-deck vars
// shared) so each stays independently tunable. (single keeps its own tone.) // (not one shared) so each stays independently tunable later.
$_glow-levity: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3); $_glow-levity: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3);
$_glow-gravity: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3); $_glow-gravity: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3);
$_glow-single: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3);
.sea-deck-stack--levity .sea-stack-face { .sea-deck-stack--levity .sea-stack-face {
background: rgba(var(--terUser), 0.88); background: rgba(var(--terUser), 0.88);
@@ -2121,14 +2122,15 @@ $_glow-gravity: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3);
.sea-deck-stack--gravity:hover .sea-stack-face, .sea-deck-stack--gravity:hover .sea-stack-face,
.sea-deck-stack--gravity:active .sea-stack-face, .sea-deck-stack--gravity:active .sea-stack-face,
.sea-deck-stack--gravity.sea-deck-stack--active .sea-stack-face { box-shadow: $_sea-shadow, $_glow-gravity; } .sea-deck-stack--gravity.sea-deck-stack--active .sea-stack-face { box-shadow: $_sea-shadow, $_glow-gravity; }
// Single-stack hover/active glow — neutral --terUser tone vs. gravity's // Single-stack hover/active glow — now the same --ninUser halo as levity +
// --quaUser + levity's --ninUser, matching the face border color. // gravity (user-spec "make every deck match" 2026-05-30). The face keeps its
// neutral --terUser hover border (the monodeck's own tone vs. the polarized
// stacks' coloured borders).
.sea-deck-stack--single:hover .sea-stack-face, .sea-deck-stack--single:hover .sea-stack-face,
.sea-deck-stack--single:active .sea-stack-face, .sea-deck-stack--single:active .sea-stack-face,
.sea-deck-stack--single.sea-deck-stack--active .sea-stack-face { .sea-deck-stack--single.sea-deck-stack--active .sea-stack-face {
box-shadow: $_sea-shadow, 0 0 0.8rem 0.15rem rgba(var(--terUser), 0.6); box-shadow: $_sea-shadow, $_glow-single;
border-color: rgba(var(--terUser), 1) !important; border-color: rgba(var(--terUser), 1) !important;
} }
// Form action row — LOCK HAND + DEL side by side at the bottom // Form action row — LOCK HAND + DEL side by side at the bottom