amanda/why5
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix bugs, add number buttons, add easter egg

Browse source
This commit is contained in:
Amanda Graven 2025-12-11 20:34:58 +01:00
parent 972d18afbe
commit 80865ace7d
6 changed files with 2184 additions and 1261 deletions
Download patch file Download diff file Expand all files Collapse all files

54
assets/main.css
View file

@ -5,51 +5,63 @@ html, body, #main {
height: 100%;
}
body {
background-color: #efeffc;
color: #000000;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #efeffc;
color: #000000;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
main {
margin: auto;
max-width: 40rem;
justify-content: space-between;
display: flex;
flex-direction: column;
height: 100%;
margin: auto;
max-width: 40rem;
justify-content: space-between;
display: flex;
flex-direction: column;
height: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0;
margin: 3rem 0;
}
tr {
border: 1px solid gray;
border: 1px solid gray;
}
td {
border: 1px solid gray;
text-align: center;
border: 1px solid gray;
text-align: center;
padding: 2px;
}
#controls {
.controls {
margin: 3rem 0;
display: flex;
flex-direction: column;
justify-items: stretch;
gap: 1rem;
}
.controls button {
flex: 1 1 auto;
font-size: larger;
font-weight: bold;
}
#controls > * {
flex: 1 1 auto;
.controls .number-buttons {
display: flex;
justify-content: stretch;
gap: 1rem;
}
.number {
width: 1rem;
animation: 1s ease-in-out 1s backwards number-scale;
width: 1rem;
animation: 1s ease-in-out 1s backwards number-scale;
}
@keyframes number-scale {
from { font-size: xx-large; }
to { font-size: initial; }
from { font-size: xx-large; }
to { font-size: initial; }
}