gaugendre
/
picture-display
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Use some more CSS variables

This commit is contained in:
Gabriel Augendre 2021-01-24 16:46:45 +01:00
parent d2b8d641e2
commit a1cfa85b79
1 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/pictures/static/pictures/style.css
View File

@ -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 {