Add nvim-ts article

1 files changed, 51 insertions, 12 deletions

diff --git a/src/style.css b/src/style.css
index cdde775..8e37c5f 100644
--- a/src/style.css
+++ b/src/style.css
@@ -6,6 +6,20 @@
 	color-scheme: light dark;
 }
 
+@media (prefers-color-scheme: light) {
+	:root {
+		--fg: black;
+		--bg: white;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	:root {
+		--fg: white;
+		--bg: black;
+	}
+}
+
 body {
 	text-align: justify;
 	width: min(800px, 90%);
@@ -23,19 +37,8 @@ blockquote + figcaption {
 	font-style: italic;
 }
 
-@media (prefers-color-scheme: light) {
-	.quote {
-		border-left: 4px solid black;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.quote {
-		border-left: 4px solid white;
-	}
-}
-
 .quote {
+	border-left: 4px solid var(--fg);
 	padding: .4rem .8rem;
 	margin-inline: 1rem 0;
 	margin-block: 2rem;
@@ -77,3 +80,39 @@ header div.head menu {
 header div.head li {
 	list-style: none;
 }
+
+.article {
+	display: flex;
+	justify-content: space-between;
+}
+
+figure pre.code-sample {
+	overflow-x: scroll;
+}
+
+figure pre.code-sample > code {
+	counter-increment: line;
+}
+
+figure pre.code-sample > code::before {
+	position: absolute;
+
+	margin-left: -4ch;
+	padding-right: .5ch;
+	width: 3ch;
+
+	text-align: right;
+	content: counter(line);
+	color: var(--fg);
+	border-right: 1px solid var(--fg);
+}
+
+footer {
+	margin-block: 2rem;
+	text-align: center;
+	font-style: italic;
+}
+
+ins, del { text-decoration: none; }
+ins      { color: green; }
+del      { color: red;   }