1 files changed, 72 insertions, 0 deletions
diff --git a/pyenc/static/css/style.scss b/pyenc/static/css/style.scss
new file mode 100644
index 0000000..9c4e76f
--- /dev/null
+++ b/pyenc/static/css/style.scss
@@ -0,0 +1,72 @@
+:root {
+	--sidebar-h: 188;
+	--sidebar-s: 50%;
+	--sidebar-l: 50%;
+}
+
+body {
+	margin: 0;
+	display: grid;
+	grid-template-areas:
+		"nav flash"
+		"nav main";
+	/* sidebar width */
+	grid-template-columns: 20ch auto;
+	/* Make flashes as small as possible */
+	grid-template-rows: auto 1fr;
+	min-height: 100vh;
+}
+
+#flash {
+	grid-area: flash;
+	background-color: pink;
+}
+
+body > nav {
+	grid-area: nav;
+	background-color: hsl(var(--sidebar-h), var(--sidebar-s), var(--sidebar-l));
+	display: flex;
+	flex-direction: column;
+
+	hr {
+		flex-grow: 1;
+		border: none;
+	}
+
+	img {
+		max-width: 100%;
+	}
+
+	ul {
+		padding: 0;
+		margin: 0;
+	}
+
+	li {
+		display: block;
+	}
+
+	a {
+		display: block;
+		color: initial;
+		text-decoration: none;
+		padding-bottom: 1em;
+		padding-top: 1em;
+		padding-left: 1em;
+	}
+
+	a:hover {
+		background-color: hsl(var(--sidebar-h), calc(var(--sidebar-s) - 20%), var(--sidebar-l));
+	}
+}
+
+body > main {
+	grid-area: main;
+	background-color: beige;
+	padding: 1em;
+}
+
+
+table {
+	font-size: 80%;
+}