Badges: soft feathered glow around badge wrapper in dark mode
This commit is contained in:
@@ -989,7 +989,17 @@
|
||||
* Suppressed on print — no shadow on the physical output.
|
||||
*/
|
||||
:global(.dark) .event_badge_wrapper {
|
||||
box-shadow: 0 0 0 6px white, 0 8px 32px rgba(0, 0, 0, 0.75);
|
||||
/*
|
||||
* Layered glow: crisp edge ring → soft mid glow → wide feathered fade → depth shadow.
|
||||
* Each layer has more blur and less opacity, handing off to the next so the
|
||||
* transition reads as a continuous fade rather than hard-edged rings.
|
||||
*/
|
||||
box-shadow:
|
||||
0 0 0 2px rgba(255, 255, 255, 0.95), /* crisp white edge — matches badge stock */
|
||||
0 0 12px 4px rgba(255, 255, 255, 0.55), /* inner soft glow */
|
||||
0 0 36px 12px rgba(255, 255, 255, 0.2), /* mid feather */
|
||||
0 0 80px 24px rgba(255, 255, 255, 0.07), /* wide outer fade → transparent */
|
||||
0 12px 48px rgba(0, 0, 0, 0.55); /* drop shadow for depth */
|
||||
}
|
||||
|
||||
@media print {
|
||||
|
||||
Reference in New Issue
Block a user