From a1cfa85b79e96bf595a2c18cd484020aeee6f69b Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Sun, 24 Jan 2021 16:46:45 +0100
Subject: [PATCH] Use some more CSS variables

---
 src/pictures/static/pictures/style.css | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/pictures/static/pictures/style.css b/src/pictures/static/pictures/style.css
index 217e6b6..4fe221d 100644
--- a/src/pictures/static/pictures/style.css
+++ b/src/pictures/static/pictures/style.css
@@ -5,6 +5,8 @@
     --background-3: #555555;
     --text-color-1: #000000;
     --text-color-2: #555555;
+    --nav-button-size: 70px;
+    --nav-button-radius: 10px;
 }
 
 body {
@@ -37,12 +39,28 @@ nav #top-left {
     position: fixed;
     top: 0;
     left: 0;
-    width: 70px;
-    height: 70px;
+    width: var(--nav-button-size);
+    height: var(--nav-button-size);
     background-color: var(--background-2);
     color: black;
-    font-size: 60px;
-    border-bottom-right-radius: 10px;
+    font-size: calc(var(--nav-button-size) - 10px);
+    border-bottom-right-radius: var(--nav-button-radius);
+}
+
+nav #bottom-left {
+    position: fixed;
+    top: calc(100vh - var(--nav-button-size));
+    left: 0;
+    width: var(--nav-button-size);
+    height: var(--nav-button-size);
+    background-color: var(--background-2);
+    color: black;
+    font-size: calc(var(--nav-button-size) - 10px);
+    border-top-right-radius: var(--nav-button-radius);
+}
+
+nav a {
+    cursor: pointer;
 }
 
 nav a i {