Make everything bigger
In fact, this page is only a keypad.
This commit is contained in:
@@ -33,7 +33,7 @@ button {
|
||||
border: 1px solid transparent;
|
||||
padding: 0.6em 1.2em;
|
||||
margin: 0.2em;
|
||||
font-size: 1.1em;
|
||||
font-size: 1.4em;
|
||||
font-weight: 500;
|
||||
font-family: inherit;
|
||||
background-color: #1a1a1a;
|
||||
@@ -58,15 +58,15 @@ button:focus-visible {
|
||||
flex-grow: 1;
|
||||
text-align: left;
|
||||
padding: .25em .75em;
|
||||
font-size: 1.2em;
|
||||
font-size: 1.5em;
|
||||
background-color: #1a1a1a;
|
||||
box-shadow: inset -.25rem -.25rem .5rem rgba(0,0,0,.5);
|
||||
height: inherit;
|
||||
}
|
||||
|
||||
#light {
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
width: 3em;
|
||||
height: 3em;
|
||||
border-radius: 50%;
|
||||
background-color: #1a1a1a;
|
||||
margin-left: .75em;
|
||||
@@ -105,10 +105,10 @@ button:focus-visible {
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
#output {
|
||||
font-size: 1.7em;
|
||||
font-size: 1.6em;
|
||||
}
|
||||
button {
|
||||
font-size: 1.4em;
|
||||
font-size: 1.5em;
|
||||
padding: 0.8em 1.4em;
|
||||
margin: 0.3em;
|
||||
}
|
||||
|
Reference in New Issue
Block a user