jyapayne/justbean
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add further customization

Browse source
This commit is contained in:
Joey Yakimowich-Payne 2025-04-17 20:38:00 -06:00
commit 078d911c4d
No known key found for this signature in database
GPG key ID: 6BFE655FA5ABD1E1
3 changed files with 246 additions and 142 deletions
Download patch file Download diff file Expand all files Collapse all files

13
beango/css/beango.css
View file

@ -22,21 +22,28 @@ body {
#bean {
width: 60px;
height: 60px;
transition: transform 0.3s ease;
}
#bean:hover {
transform: scale(1.1); /* Slightly enlarge the bean on hover */
}
.bingo-cell {
border: 1px solid #8B4513; /* Brown border */
border-width: 1px; /* Keep border width */
border-style: solid; /* Keep border style */
/* border-color will be set by JS */
/* background-color or background-image will be set by JS */
text-align: center;
padding: 8px;
background-color: #F5F5DC; /* Beige background */
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto;
/* Add transition for background color changes */
transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out, filter 0.15s ease-in-out;
transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out, filter 0.15s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
border-radius: 8px;
font-size: 1.5rem;
}
/* Add darken filter on hover */