little style tweaks

This commit is contained in:
Jonas Weinz 2019-02-26 11:04:05 +01:00
parent 0a0c699775
commit 1ab186a3bc

View File

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