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.

1 files changed, 4 insertions, 3 deletions

diff --git a/components/PathCrumbs/index.tsx b/components/PathCrumbs/index.tsx
index 1c87344..41875ec 100644
--- a/components/PathCrumbs/index.tsx
+++ b/components/PathCrumbs/index.tsx
@@ -34,12 +34,13 @@ const urlPathComponentsToFullPath = (urlPathComponents : string[]): string[] =>
 };
 
 export type PathCrumbsProps = {
-  path: string
+  path: string;
+  style?: React.CSSProperties;
 };
 
 import { BreadCrumbs , LinkCrumb } from '../../components/BreadCrumbs';
 
-const PathCrumbs: FC<PathCrumbsProps> = ({ path }) => {
+const PathCrumbs: FC<PathCrumbsProps> = ({ path, style }) => {
 
   const pathComponents = urlPathComponents(path);
   const fullPaths = urlPathComponentsToFullPath(pathComponents);
@@ -51,7 +52,7 @@ const PathCrumbs: FC<PathCrumbsProps> = ({ path }) => {
   ));
 
   return (
-    <BreadCrumbs>
+    <BreadCrumbs style={style}>
       {linksComponents}
     </BreadCrumbs>
   );