Style and render transclusions properly

This commit is contained in:
Ole Eskild Steensen 2022-02-23 16:07:50 +01:00
parent 941518d65f
commit e34e879127
2 changed files with 7 additions and 2 deletions

View File

@ -14,6 +14,10 @@ module.exports = function(eleventyConfig) {
const code = token.content.trim(); const code = token.content.trim();
return `<pre class="mermaid">${code}</pre>`; return `<pre class="mermaid">${code}</pre>`;
} }
if (token.info === 'transclusion') {
const code = token.content.trim();
return `<div class="transclusion">${md.render(code)}</div>`;
}
// Other languages // Other languages
return origRule(tokens, idx, options, env, slf); return origRule(tokens, idx, options, env, slf);

View File

@ -74,8 +74,9 @@ blockquote p {
display: inline; display: inline;
} }
pre.language-transclusion{ div.translusion{
white-space: normal; border-left: 4px solid gray;
padding-left: 10px;
} }
pre[class*="language-ad-"]::before { pre[class*="language-ad-"]::before {