From d67f3514eff4f45ad1ca84cde6465e622acd4dcc Mon Sep 17 00:00:00 2001 From: flu0r1ne 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. --- utils/Posts.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'utils') diff --git a/utils/Posts.tsx b/utils/Posts.tsx index 4b252da..291ea41 100644 --- a/utils/Posts.tsx +++ b/utils/Posts.tsx @@ -5,10 +5,13 @@ import { Marked } from 'marked'; import { markedHighlight } from 'marked-highlight'; import markedOptions from './markedOptions'; +import { renderer, hooks } from '../loaders/marked-renderer.js'; + const hljs = require('highlight.js'); const marker = new Marked( - markedHighlight(markedOptions) + markedHighlight(markedOptions), + { renderer, hooks } ); interface PostMetadata { -- cgit v1.2.3