clement/naive-keypad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make everything bigger

Browse Source 
In fact, this page is only a keypad.
This commit is contained in:
Clément Fréville
2023-11-02 21:57:40 +01:00
parent 383ae9184d
commit 8c10db8ee1
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/style.css
View File

@@ -33,7 +33,7 @@ button {
border: 1px solid transparent; border: 1px solid transparent;
padding: 0.6em 1.2em; padding: 0.6em 1.2em;
margin: 0.2em; margin: 0.2em;
font-size: 1.1em; font-size: 1.4em;
font-weight: 500; font-weight: 500;
font-family: inherit; font-family: inherit;
background-color: #1a1a1a; background-color: #1a1a1a;
@@ -58,15 +58,15 @@ button:focus-visible {
flex-grow: 1; flex-grow: 1;
text-align: left; text-align: left;
padding: .25em .75em; padding: .25em .75em;
font-size: 1.2em; font-size: 1.5em;
background-color: #1a1a1a; background-color: #1a1a1a;
box-shadow: inset -.25rem -.25rem .5rem rgba(0,0,0,.5); box-shadow: inset -.25rem -.25rem .5rem rgba(0,0,0,.5);
height: inherit; height: inherit;
} }
#light { #light {
width: 2.5em; width: 3em;
height: 2.5em; height: 3em;
border-radius: 50%; border-radius: 50%;
background-color: #1a1a1a; background-color: #1a1a1a;
margin-left: .75em; margin-left: .75em;
@@ -105,10 +105,10 @@ button:focus-visible {
} }
@media (max-width: 480px) { @media (max-width: 480px) {
#output { #output {
font-size: 1.7em; font-size: 1.6em;
} }
button { button {
font-size: 1.4em; font-size: 1.5em;
padding: 0.8em 1.4em; padding: 0.8em 1.4em;
margin: 0.3em; margin: 0.3em;
} }