Resolve errors from merge + move math styles

bin/render

@@ -25,4 +25,4 @@ JSDOM.fromFile(program.input, options).then(dom => {
 
   const transformedHtml = dom.serialize();
   process.stdout.write(transformedHtml);
-});
+}).catch(console.error);

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;
-}
-
 </style>
 
 ${katexCSSTag}

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;

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);
   }