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/Markdown/markdown.module.scss | 111 -------------------------------
 1 file changed, 111 deletions(-)
 delete mode 100644 components/Markdown/markdown.module.scss

(limited to 'components/Markdown/markdown.module.scss')

diff --git a/components/Markdown/markdown.module.scss b/components/Markdown/markdown.module.scss
deleted file mode 100644
index e1debd1..0000000
--- a/components/Markdown/markdown.module.scss
+++ /dev/null
@@ -1,111 +0,0 @@
-.markdownContainer {
-    strong {
-        font-weight: 600;
-    }
-
-    h1 {
-        font-size: 2.8rem;
-        font-weight: 300;
-        line-height: 1.167;
-        letter-spacing: -0.01562em;
-        margin-top: 1.0rem;
-        margin-bottom: 1rem;
-
-        padding-bottom: 0.4rem;
-        border-bottom: 0.12rem solid rgb(53, 53, 53);
-    }
-
-    h2 {
-        font-size: 2.3rem;
-        font-weight: 300;
-        line-height: 1.2;
-        letter-spacing: -0.00833em;
-
-        margin-top: 1.6rem;
-        margin-bottom: 0.8rem;
-    }
-
-    h3 {
-        font-size: 1.3rem;
-        font-weight: 400;
-        line-height: 1.167;
-        letter-spacing: 0em;
-
-        margin-top: 1.3rem;
-        margin-bottom: 0.5rem;
-    }
-
-    h4 {
-        font-size: 1.25rem;
-    }
-
-    h5 {
-        font-size: 1.15rem;
-    }
-
-    h6 {
-        font-size: 1.10rem;
-    }
-
-    h4, h5, h6 {
-        margin-top: 0.8rem;
-        margin-bottom: 0.6rem;
-    }
-
-    p, li {
-        font-size: 1rem;
-        letter-spacing: 0.00938em;
-        font-weight: 300;
-    }
-
-    p {
-        font-size: 1rem;
-        line-height: 1.5;
-        margin-bottom: 1em;
-    }
-
-    code {
-        font-size: 1rem;
-        line-height: 1.5;
-        padding: 0.05rem 0.2rem;
-    }
-
-    pre {
-        padding: 0.5rem 1.0rem;
-        margin: 0.5rem 0;
-        box-sizing: border-box;
-    }
-    pre > code {
-        padding: 0;
-    }
-
-    code, pre {
-        background-color: #f2f4f7;
-        border-radius: 5px;
-    }
-
-    pre {
-        overflow: auto;
-        box-sizing: border-box;
-    }
-
-    @media screen and (max-width: 700px) {
-        pre {
-            padding-bottom: 0.7rem;
-        }
-    }
-
-    li {
-        line-height: 1.15;
-        margin-left: 1em;
-        margin-top: 0.3em;
-        list-style-image: none;
-        list-style-position: outside;
-        list-style-type: circle;
-    }
-
-    img {
-      max-width: 95%;
-      margin: 2em 2.5%;
-    }
-}
-- 
cgit v1.2.3