shiritori minimum viable product

This commit is contained in:
Elnu 2023-04-12 19:07:09 -07:00
parent 430702f1c5
commit 3b0e75b7a1
6 changed files with 1455 additions and 2 deletions

49
demo/style.css Normal file
View file

@ -0,0 +1,49 @@
* {
font-family: sans-serif;
color: ghostwhite;
}
body {
background: slategrey;
font-size: 1.25em;
}
div#content {
width: max-content;
margin: auto;
}
div#shiritori p {
margin: 0;
}
div#shiritori {
padding: 2px;
height: 8em;
overflow-y: scroll;
}
div#shiritori, input#shiritori-input {
padding: 0.25em;
background: rgba(0, 0, 0, 0.25);
border: 1px solid;
border-radius: 4px;
box-sizing: border-box;
}
input {
font-size: 1em;
}
input#shiritori-input {
width: 100%;
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
input#shiritori-input:focus {
outline: none;
background: rgba(0, 0, 0, 0.125);
}
div#shiritori {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
p#shiritori-players {
text-align: center;
}