From d67f3514eff4f45ad1ca84cde6465e622acd4dcc Mon Sep 17 00:00:00 2001
From: flu0r1ne <flu0r1ne@flu0r1ne.net>
Date: Thu, 7 Sep 2023 21:28:37 -0500
Subject: Scoped global styling to all markdown

Make React compatible with markdown-style HTML by added components
with identical styling to markdown. This is done while CSS scoping
is maintained. Additional style is loaded through the markdown loader
by injecting default-styling tags into the components. This allows
default-margin to be added to these elements in addition to the styling
found in the React elements. The homepage reflects the domain, as defined
by an environmental variable.
---
 components/List/list.module.scss | 41 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 components/List/list.module.scss

(limited to 'components/List/list.module.scss')

diff --git a/components/List/list.module.scss b/components/List/list.module.scss
new file mode 100644
index 0000000..87ec3a3
--- /dev/null
+++ b/components/List/list.module.scss
@@ -0,0 +1,41 @@
+.list-li {
+	font-size: 1rem;
+	letter-spacing: 0.00938em;
+
+	line-height: 1.4;
+	margin-left: 1em;
+
+	list-style-image: none;
+	list-style-position: inside;
+	list-style-type: none;
+
+	box-sizing: border-box;
+
+	font-size: 1rem;
+}
+
+.list-unordered li:not(:first-child) {
+	margin-top: 0.15rem;
+}
+
+.list {
+	.list li:first-child {
+		margin-top: 0.15rem !important;
+	}
+}
+
+.list-unordered li {
+	list-style-type: disc;
+}
+
+.list .list-unordered li {
+	list-style-type: circle;
+}
+
+.list .list .list-unordered li {
+	list-style-type: square;
+}
+
+.list-ordered li {
+	list-style-type: decimal;
+}
-- 
cgit v1.2.3