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, 3 insertions, 3 deletions

diff --git a/components/BreadCrumbs/index.tsx b/components/BreadCrumbs/index.tsx
index 693a9d0..98b20b4 100644
--- a/components/BreadCrumbs/index.tsx
+++ b/components/BreadCrumbs/index.tsx
@@ -1,5 +1,5 @@
 import React, { Children, FC } from "react";
-import Link from "next/link";
+import Link from '../Link';
 import styles from './breadcrumbs.module.scss';
 import clsx from 'clsx';
 
@@ -9,8 +9,8 @@ export type BreadCrumbsProps = {
     children: React.ReactNode;
 };
 
-const BreadCrumbs : FC<BreadCrumbsProps> = ({children, className, ...props}) => (
-    <span className={clsx(styles.breadcrumbs, className)} {...props}>
+const BreadCrumbs : FC<BreadCrumbsProps> = ({children, className, style, ...props}) => (
+    <span style={{ whiteSpace: 'nowrap', ...style }} className={clsx(styles.breadcrumbs, className)} {...props}>
         {Children.map(children, (child, index) => {
             return (
                 <>