Style adjustments
This commit is contained in:
parent
01898295bc
commit
153c97ae43
28
index.css
28
index.css
@ -1,6 +1,7 @@
|
|||||||
body {
|
body {
|
||||||
background-color: #1f2937;
|
background-color: #1f2937;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
font-family: Noto Serif, serif;
|
||||||
--columns: 2;
|
--columns: 2;
|
||||||
--rows: 2;
|
--rows: 2;
|
||||||
}
|
}
|
||||||
@ -64,6 +65,8 @@ body.wide {
|
|||||||
font-size: xx-large;
|
font-size: xx-large;
|
||||||
border: 1px solid #bbb;
|
border: 1px solid #bbb;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
|
||||||
|
transition: height 0.25s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cell.done {
|
.cell.done {
|
||||||
@ -86,17 +89,11 @@ body.wide {
|
|||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
|
||||||
.keyboard-row:nth-child(2) {
|
|
||||||
margin-left: 0.75em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.keyboard-row:nth-child(3) {
|
|
||||||
margin-left: 1.5em;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
|
|
||||||
.key {
|
.key {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
width: 1.5em;
|
width: 1.5em;
|
||||||
height: 1.5em;
|
height: 1.5em;
|
||||||
font-size: xx-large;
|
font-size: xx-large;
|
||||||
@ -105,16 +102,15 @@ body.wide {
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: rgb(107 114 128);
|
background-color: rgb(107 114 128);
|
||||||
border-color: rgb(55 65 81);
|
border-color: rgb(55 65 81);
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
#backspace, #enter {
|
#backspace, #enter {
|
||||||
width: 3em;
|
width: 3em;
|
||||||
margin: 0.1em;
|
margin-left: 0.1em;
|
||||||
display: inline-flex;
|
margin-right: 0.1em;
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#share {
|
#share {
|
||||||
@ -132,6 +128,10 @@ body.wide {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#options {
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
#copyarea {
|
#copyarea {
|
||||||
display: none;
|
display: none;
|
||||||
background-color: #1f2937;
|
background-color: #1f2937;
|
||||||
|
Loading…
Reference in New Issue
Block a user