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
$_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
// ($_sea-card-glow, user-tuned 2026-05-30: 0.5rem blur / 0.5rem spread / 0.3
// alpha) so the deck glows read identically to the card halo — each keeps its
// own polarity colour (--ninUser / --quaUser). Duplicated literally (not
// shared) so each stays independently tunable. (single keeps its own tone.)
// All deck stacks (levity / gravity / single) share the spread-card halo's
// tuned --ninUser glow ($_sea-card-glow, user-tuned 2026-05-30: 0.5rem blur /
// 0.5rem spread / 0.3 alpha) so EVERY deck reads identically to the card halo
// (user-spec "make every deck match" 2026-05-30). Kept as three per-deck vars
// (not one shared) so each stays independently tunable later.
$_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-single: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3);
.sea-deck-stack--levity .sea-stack-face {
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:active .sea-stack-face,
.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
// --quaUser + levity's --ninUser, matching the face border color.
// Single-stack hover/active glow — now the same --ninUser halo as levity +
// 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: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;
}
// Form action row — LOCK HAND + DEL side by side at the bottom