From 1ab186a3bcd473ba0378bc719e7aef994af494ef Mon Sep 17 00:00:00 2001 From: Jonas Weinz Date: Tue, 26 Feb 2019 11:04:05 +0100 Subject: [PATCH] little style tweaks --- style.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/style.css b/style.css index c85a3d0..1e43685 100644 --- a/style.css +++ b/style.css @@ -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: */