From 2425a8b9cf0ffc3ed581c9fea2a63151acbac68e Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Mon, 4 Jan 2021 21:55:13 +0100
Subject: beginsels van een werkende pagina

---
 src/css/color.css    |  6 +++---
 src/css/link.css     |  3 +++
 src/css/navbar.css   | 35 +++++++++++++++++++++++++++++++++++
 src/css/nomargin.css |  5 +++++
 4 files changed, 46 insertions(+), 3 deletions(-)
 create mode 100644 src/css/link.css
 create mode 100644 src/css/navbar.css

(limited to 'src/css')

diff --git a/src/css/color.css b/src/css/color.css
index 955b0c3..2cbb7a0 100644
--- a/src/css/color.css
+++ b/src/css/color.css
@@ -1,8 +1,8 @@
 :root {
-	--text-color: #FCFFFD;
-	--page-background-color: #FCFFFD;
+	--text: #FCFFFD;
+	--page-background: #FCFFFD;
 
-	--background-color: #5D737E;
+	--background: #5D737E;
 	--background-alt: #81949E;
 
 	--disk-a: #E16D82;
diff --git a/src/css/link.css b/src/css/link.css
new file mode 100644
index 0000000..3887caf
--- /dev/null
+++ b/src/css/link.css
@@ -0,0 +1,3 @@
+a {
+	color: var(--text);
+}
diff --git a/src/css/navbar.css b/src/css/navbar.css
new file mode 100644
index 0000000..585a9c2
--- /dev/null
+++ b/src/css/navbar.css
@@ -0,0 +1,35 @@
+.navbar {
+	width: 48px;
+	height: 100%;
+
+	line-height: 0;
+
+	background-color: var(--background);
+	display: inline-block;
+
+	position: fixed;
+	top: 0;
+	left: 0;
+
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.navbar .noclick,
+.navbar a {
+	margin: 12px;
+	margin-bottom: 16px;
+	display: block;
+}
+
+.navbar .noclick:last-child,
+.navbar a:last-child {
+	margin-bottom: 12px;
+}
+
+.navbar .settings {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+}
+
diff --git a/src/css/nomargin.css b/src/css/nomargin.css
index 7ec0149..74771c6 100644
--- a/src/css/nomargin.css
+++ b/src/css/nomargin.css
@@ -2,3 +2,8 @@ html, body {
 	margin: 0;
 	padding: 0;
 }
+
+body {
+	padding-left: 48px;
+	background-color: var(--page-background);
+}
-- 
cgit v1.2.3