From d8239cbb732b3b5c9d3f5aa3b2c662d3e2c5206f Mon Sep 17 00:00:00 2001
From: Miraty <miraty+git@antopie.org>
Date: Sat, 21 Sep 2024 23:19:45 +0200
Subject: [PATCH] =?UTF-8?q?css:=20px=20=E2=86=92=20rem,=20headings=20up=20?=
 =?UTF-8?q?to=20h6,=20del=20legacy=20code?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 style.css | 83 ++++++++++++++++++++-----------------------------------
 1 file changed, 30 insertions(+), 53 deletions(-)

diff --git a/style.css b/style.css
index 1749039..6dec9b8 100644
--- a/style.css
+++ b/style.css
@@ -61,24 +61,24 @@ a:hover, a:visited:hover, a:focus, a:focus:visited {
 }
 
 .small-button, .button {
-	border-width: 2px;
+	border-width: 0.125rem;
 	border-style: solid;
-	padding: 8px 16px 8px 16px;
-	margin: 5px;
+	padding: 0.5rem 1rem 0.5rem 1rem;
+	margin: 0.4rem;
 	display: inline-block;
-	border-radius: 14px;
+	border-radius: 0.8rem;
 	text-decoration: none;
 	border-color: var(--foreground-color);
 }
 
 .small-button:hover, .button:hover, .small-button:focus, .button:focus {
 	color: var(--main-color);
-	border: 2px solid var(--main-color);
+	border-color: var(--main-color);
 }
 
 .small-button {
 	font-size: 80%;
-	padding: 0px 16px 0px 16px;
+	padding: 0 1rem 0 1rem;
 }
 
 img {
@@ -93,13 +93,6 @@ img {
 	margin-bottom: 20px;
 }
 
-.border {
-	border-width: 1px;
-	border-style: solid;
-	border-radius: 5px;
-	border-color: var(--foreground-color);
-}
-
 strong {
 	font-weight: bold;
 }
@@ -108,7 +101,6 @@ pre, code, var, samp {
 	font-family: monospace;
 	overflow: auto;
 	font-style: normal;
-	border-radius: 15px;
 	word-break: break-all;
 	white-space: pre;
 }
@@ -196,11 +188,6 @@ header, footer, .centered {
 	justify-content: center;
 }
 
-footer {
-	display: flex;
-	flex-direction: column;
-}
-
 [title] {
 	text-decoration: dotted underline;
 }
@@ -216,55 +203,45 @@ main [hreflang]::after {
 	font-size: 0.8rem;
 }
 
-.level2, .level3 {
-	margin-top: 1.2rem;
-}
-.level2 {
-	border-left: 0.16rem solid var(--foreground-color);
-	padding-left: 1rem;
-}
-.level3 {
-	border-left: 0.16rem solid var(--foreground-color);
-	padding-left: 1rem;
-}
-
 :target {
 	border: 0.16rem solid var(--foreground-color);
 }
 
-/* ----- TITLES ----- */
+section:not(main > section), pre {
+	border-left: 0.16rem solid var(--foreground-color);
+	padding-left: 1rem;
+}
+
+pre {
+	border-left-style: dashed;
+}
+
+
+/* Headings */
 
 h1, h2, h3, h4, h5, h6 {
 	font-weight: normal;
 	line-height: 100%;
-	margin-top: 1rem;
+	margin-top: var(--heading-size);
 	margin-bottom: 0.5rem;
+	font-size: var(--heading-size);
 }
-
 h1 {
-	font-size: 2.6rem;
+	--heading-size: 2.6rem;
 	text-align: center;
 }
-@media (max-width: 420px) {
-	h1 {
-		font-size: 45px;
-	}
-}
-
 h2 {
-	font-size: 2.2rem;
+	--heading-size: 2.2rem;
 }
-@media (max-width: 420px) {
-	h2 {
-		font-size: 40px;
-	}
-}
-
 h3 {
-	font-size: 1.5rem;
+	--heading-size: 1.6rem;
 }
-@media (max-width: 420px) {
-	h3 {
-		font-size: 35px;
-	}
+h4 {
+	--heading-size: 1.5rem;
+}
+h5 {
+	--heading-size: 1.4rem;
+}
+h6 {
+	--heading-size: 1.3rem;
 }