Use some more CSS variables

This commit is contained in:
Gabriel Augendre 2021-01-24 16:46:45 +01:00
parent d2b8d641e2
commit a1cfa85b79

View file

@ -5,6 +5,8 @@
--background-3: #555555; --background-3: #555555;
--text-color-1: #000000; --text-color-1: #000000;
--text-color-2: #555555; --text-color-2: #555555;
--nav-button-size: 70px;
--nav-button-radius: 10px;
} }
body { body {
@ -37,12 +39,28 @@ nav #top-left {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 70px; width: var(--nav-button-size);
height: 70px; height: var(--nav-button-size);
background-color: var(--background-2); background-color: var(--background-2);
color: black; color: black;
font-size: 60px; font-size: calc(var(--nav-button-size) - 10px);
border-bottom-right-radius: 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 { nav a i {