diff --git a/bin/render b/bin/render index 68c7b3e..3702d39 100755 --- a/bin/render +++ b/bin/render @@ -25,4 +25,4 @@ JSDOM.fromFile(program.input, options).then(dom => { const transformedHtml = dom.serialize(); process.stdout.write(transformedHtml); -}); +}).catch(console.error); diff --git a/src/components/d-math.js b/src/components/d-math.js index e40a560..1662b06 100644 --- a/src/components/d-math.js +++ b/src/components/d-math.js @@ -20,18 +20,6 @@ const T = Template('d-math', ` display: block; } -#katex-container .katex-display { - text-align: left; - padding: 8px 0 8px 0; - margin: 20px 0; -} - -#katex-container .katex { - -webkit-font-smoothing: antialiased; - color: rgba(0, 0, 0, 0.8); - font-size: 1.18em; -} - ${katexCSSTag} diff --git a/src/styles/styles-article.css b/src/styles/styles-article.css index 825f50c..f8445a5 100644 --- a/src/styles/styles-article.css +++ b/src/styles/styles-article.css @@ -187,6 +187,18 @@ d-figure { /* KaTeX */ +d-article .katex-display { + text-align: left; + padding: 8px 0 8px 0; + margin: 20px 0; +} + +d-article .katex { + -webkit-font-smoothing: antialiased; + color: rgba(0, 0, 0, 0.8); + font-size: 1.18em; +} + .katex, .katex-prerendered { contain: content; display: inline-block; diff --git a/src/transforms/mathematics.js b/src/transforms/mathematics.js index 7124bc4..a498b1a 100644 --- a/src/transforms/mathematics.js +++ b/src/transforms/mathematics.js @@ -6,6 +6,7 @@ export default function(dom, data) { const article = dom.querySelector('d-article'); if (data.katex && data.katex.delimiters) { + global.document = dom; renderMathInElement(article, data.katex); }