caojiezi2003/50projects50days
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #93 from rajanitnavapara/patch-2

Browse Source 
Updated to Dark Mode
This commit is contained in:
Brad Traversy 2022-09-14 10:45:58 -04:00 committed by GitHub
commit d58a0cdaaa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
event-keycodes/style.css → event-keycodes/dark-style.css
View File

@ -2,10 +2,11 @@
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
background-color: #e1e1e1; background-color: #383838;
font-family: 'Muli', sans-serif; font-family: 'Muli', sans-serif;
display: flex; display: flex;
align-items: center; align-items: center;
@ -17,8 +18,8 @@ body {
} }
.key { .key {
border: 1px solid #999; border: 1px solid #999999;
background-color: #eee; background-color: #2B2B2B;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -28,6 +29,7 @@ body {
flex-direction: column; flex-direction: column;
margin: 10px; margin: 10px;
min-width: 150px; min-width: 150px;
color: white;
position: relative; position: relative;
} }
@ -37,12 +39,6 @@ body {
left: 0; left: 0;
text-align: center; text-align: center;
width: 100%; width: 100%;
color: #555; color: #c4c4c4;
font-size: 14px; font-size: 14px;
} }
@media(max-width:768px){
.key{
margin: 10px 0px;
}
}