From b444b26414b0004c8269e03d173a7b771dc2bd5a Mon Sep 17 00:00:00 2001
From: Alex Cabal <alex@alexcabal.com>
Date: Tue, 15 Sep 2020 18:50:29 -0500
Subject: [PATCH] Improve responsiveness of manual and fix broken font
 definitions

---
 www/css/core.css                              |   4 +--
 www/css/manual.css                            |  34 +++++++++++++++---
 ...ira-mono-regular.woff2 => fira-mono.woff2} | Bin
 3 files changed, 32 insertions(+), 6 deletions(-)
 rename www/fonts/{fira-mono-regular.woff2 => fira-mono.woff2} (100%)

diff --git a/www/css/core.css b/www/css/core.css
index b252ae00..3dc21a70 100644
--- a/www/css/core.css
+++ b/www/css/core.css
@@ -49,14 +49,14 @@
 
 @font-face{
 	font-family: "Fira Mono";
-	src: local("Fira Mono");
+	src: local("Fira Mono"), url("/fonts/fira-mono.woff2") format("woff2");
 	font-weight: normal;
 	font-style: normal;
 }
 
 @font-face{
 	font-family: "Fira Mono";
-	src: local("Fira Mono");
+	src: local("Fira Mono"), url("/fonts/fira-mono-bold.woff2") format("woff2");
 	font-weight: bold;
 	font-style: normal;
 }
diff --git a/www/css/manual.css b/www/css/manual.css
index cd1bae3a..cd949beb 100644
--- a/www/css/manual.css
+++ b/www/css/manual.css
@@ -179,10 +179,10 @@ figure.full::after{
 	line-height: 1;
 	color: rgba(255, 255, 255, 0.25);
 	position: absolute;
-	top: 1rem;
-	right: 1rem;
+	top: .5rem;
+	right: .5rem;
 	font-family: "Fira Mono", monospace;
-	font-size: .7rem;
+	font-size: .5rem;
 	z-index: 100;
 }
 
@@ -200,7 +200,6 @@ figure.css.full::after{
 
 code{
 	font-family: "Fira Mono", monospace;
-	font-size: .7rem;
 }
 
 code.terminal{
@@ -680,6 +679,33 @@ figure code.css{
 	}
 }
 
+@media(max-width: 1100px){
+	.manual ol ol ul, .manual ol ol p, .manual ol ol figure,
+	.manual > article > section > section section{
+		margin-left: 0;
+	}
+
+	.manual > article > section > section[id] > section > ol > li aside.number,
+	.manual > article > section > section[id] > section > aside.number{
+		margin-left: -10.5rem;
+	}
+
+	.manual > article > section > section[id] > section > section > ol > li aside.number,
+	.manual > article > section > section[id] > section > section > aside.number{
+		margin-left: 0;
+	}
+
+	.manual > article > section > section[id] > ol ol > li aside.number::after,
+	.manual > article > section > section[id] section > ol > li aside.number::after,
+	.manual > article > section > section[id] section > aside.number::after{
+		display: none;
+	}
+
+	.manual > article > section > section{
+		padding-left: 2rem;
+	}
+}
+
 @media(max-width: 1000px){
 	main.manual > article{
 		margin-left: 2rem;
diff --git a/www/fonts/fira-mono-regular.woff2 b/www/fonts/fira-mono.woff2
similarity index 100%
rename from www/fonts/fira-mono-regular.woff2
rename to www/fonts/fira-mono.woff2