chris/toadstoolTally
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add seed opacity variable

Browse Source
This commit is contained in:
chris 2025-12-10 11:56:47 -05:00
parent 323b8b1759
commit 473beed9cc
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
assets/style.css
View File

@ -8,6 +8,7 @@
--text-muted: #7a6b5a; --text-muted: #7a6b5a;
--border: #d1c7b7; --border: #d1c7b7;
--shadow: 0 4px 8px rgba(74, 59, 42, 0.1); /* Warmer shadow */ --shadow: 0 4px 8px rgba(74, 59, 42, 0.1); /* Warmer shadow */
--seed-opacity: 0.09;
--modal-bg: #f8f5e6; --modal-bg: #f8f5e6;
@ -453,7 +454,7 @@ button:active { transform: scale(0.97); box-shadow: none; }
width: 200px; width: 200px;
height: 200px; height: 200px;
background: url('textures/seed.svg') no-repeat center/contain; background: url('textures/seed.svg') no-repeat center/contain;
opacity: 0.4; opacity: var(--seed-opacity, 0.07);
mix-blend-mode: screen; mix-blend-mode: screen;
filter: drop-shadow(0 4px 10px rgba(200, 190, 160, 0.55)); filter: drop-shadow(0 4px 10px rgba(200, 190, 160, 0.55));
animation: seedDrift 2.6s ease-in-out infinite alternate, seedFlicker 1.4s ease-in-out infinite alternate; animation: seedDrift 2.6s ease-in-out infinite alternate, seedFlicker 1.4s ease-in-out infinite alternate;