jonas/SimonSays
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

little style tweaks

Browse Source
This commit is contained in:
Jonas Weinz 2019-02-26 11:04:05 +01:00
parent 0a0c699775
commit 1ab186a3bc
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
style.css
View File

@ -1,7 +1,7 @@
canvas { background: #eee; width: 100%; height: 100%; }
body { body {
margin: 0; margin: 0;
background: rgb(49, 51, 54); background: rgb(39, 34, 39);
outline: 0; outline: 0;
} }
@ -10,7 +10,7 @@ body {
--grid-height: 6; --grid-height: 6;
--button-margin: 0.5vh; --button-margin: 0.5vh;
--tile-size: calc((100vh / var(--grid-height)) - 2 * var(--button-margin)); --tile-size: calc((100vh / var(--grid-height)) - 2 * var(--button-margin));
--opacity: 0.164; --opacity: 0.2;
--border-radius: 1vh; --border-radius: 1vh;
--sidebar-width: 25vh; --sidebar-width: 25vh;
} }
@ -34,7 +34,7 @@ body {
height: calc(var(--tile-size) - (var(--button-margin) * 2)); height: calc(var(--tile-size) - (var(--button-margin) * 2));
display: inline-block; display: inline-block;
outline: 0; outline: 0;
transition-duration: 0.3s; transition-duration: 0.1s;
} }
.grid-button:focus { .grid-button:focus {
@ -122,7 +122,7 @@ body {
height: calc(var(--grid-height) * var(--tile-size)); height: calc(var(--grid-height) * var(--tile-size));
background: rgba(0, 0, 0, var(--opacity)); background: rgba(0, 0, 0, var(--opacity));
display: inline-block; display: inline-block;
transition-duration: 1s; transition-duration: 0.5s;
} }
.sidebar-container { .sidebar-container {
@ -135,7 +135,7 @@ body {
flex-direction:column; flex-direction:column;
min-height: calc(var(--grid-height) * var(--tile-size)); min-height: calc(var(--grid-height) * var(--tile-size));
position: relative; position: relative;
transition-duration: 1s; transition-duration: 0.5s;
} }
/* override settings on portrait mode: */ /* override settings on portrait mode: */