Correct Prism CSS class for code blocks (#870)

* Correct Prism CSS class for code blocks

* remove prism css theme that conflicts hljs theme
This commit is contained in:
Drew Ballance 2018-07-25 01:00:17 -05:00 committed by Endilie Yacop Sucipto
parent afec4bd47c
commit 0c09cc01cb
2 changed files with 2 additions and 22 deletions

View file

@ -24,7 +24,7 @@ class MarkdownRenderer {
const md = new Markdown({
// Highlight.js expects hljs css classes on the code element.
// This results in <pre><code class="hljs css languages-jsx">
langPrefix: 'hljs css languages-',
langPrefix: 'hljs css language-',
highlight(str, lang) {
lang =
lang || (siteConfig.highlight && siteConfig.highlight.defaultLang);

View file

@ -1,14 +1,11 @@
/**
* prism.js default theme for JavaScript, CSS and HTML
* Modified prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
@ -27,23 +24,6 @@ pre[class*="language-"] {
hyphens: none;
}
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
text-shadow: none;
}
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
text-shadow: none;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;