fix: use background-image for bloom to avoid z-index invisibility behind body background
This commit is contained in:
parent
8d5e495be2
commit
c07b5d8f48
1 changed files with 1 additions and 14 deletions
|
|
@ -71,20 +71,7 @@
|
|||
body {
|
||||
font-family: var(--font-body);
|
||||
background-color: var(--obsidian) !important;
|
||||
}
|
||||
|
||||
/* Ambient arcane-blue bloom anchored to bottom center */
|
||||
body::after {
|
||||
content: "";
|
||||
position: fixed;
|
||||
bottom: -20%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 80vw;
|
||||
height: 50vh;
|
||||
background: radial-gradient(ellipse, rgba(56, 189, 248, 0.06) 0%, transparent 70%);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
background-image: radial-gradient(ellipse at 50% 120%, rgba(56, 189, 248, 0.06) 0%, transparent 50%) !important;
|
||||
}
|
||||
|
||||
/* Make background transparent ONLY on item pages to reveal the backdrop */
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue