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

Make hint grid brighter and clearer under darkness

Browse Source
This commit is contained in:
chris 2025-11-20 09:16:43 -05:00
parent 8c12f6e220
commit ea5b13bf1a
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
style.css
View File

@ -284,8 +284,16 @@
z-index: 200; z-index: 200;
} }
#hint-grid { display: grid; justify-content: center; gap: 4px; margin: 5px auto; max-width: 200px; } #hint-grid {
.star-dot { width: 8px; height: 8px; background: var(--gold); border-radius: 50%; box-shadow: 0 0 5px var(--gold); animation: twinkle 2s infinite; } display: grid; justify-content: center; gap: 6px; margin: 5px auto; max-width: 220px;
padding: 8px;
background: rgba(255, 253, 242, 0.12);
border: 1px solid rgba(255, 215, 0, 0.4);
border-radius: 8px;
position: relative;
z-index: 200;
}
.star-dot { width: 10px; height: 10px; background: var(--gold); border-radius: 50%; box-shadow: 0 0 10px rgba(255,215,0,0.9), 0 0 18px rgba(255,215,0,0.4); animation: twinkle 1.6s infinite; }
@keyframes twinkle { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @keyframes twinkle { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
.keypad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 5px; position: relative; z-index: 200; } .keypad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 5px; position: relative; z-index: 200; }