implement new callout code for code blocked admonitions

This commit is contained in:
Luke-zhang-04 2023-01-11 20:32:04 -05:00 committed by Ole Eskild Steensen
parent f328f9b411
commit d79ff93c5e
2 changed files with 7 additions and 28 deletions

View File

@ -66,13 +66,16 @@ module.exports = function(eleventyConfig) {
const code = token.content.trim(); const code = token.content.trim();
if (code && code.toLowerCase().startsWith("title:")) { if (code && code.toLowerCase().startsWith("title:")) {
const title = code.substring(6, code.indexOf("\n")); const title = code.substring(6, code.indexOf("\n"));
const titleDiv = title ? `<div class="admonition-title">${title}</div>` : ''; const titleDiv = title ? `<div class="callout-title"><div class="callout-title-inner">${title}</div></div>` : '';
return `<div class="language-${token.info} admonition admonition-example admonition-plugin">${titleDiv}${md.render(code.slice(code.indexOf("\n")))}</div>`;
return `<div class="callout" data-callout="${token.info}">${titleDiv}\n<div class="callout-content">${md.render(code.slice(code.indexOf("\n")))}</div></div>`;
} }
const title = `<div class="admonition-title">${token.info.charAt(3).toUpperCase()}${token.info.substring(4).toLowerCase()}</div>`; const title = `<div class="callout-title"><div class="callout-title-inner">${
return `<div class="language-${token.info} admonition admonition-example admonition-plugin">${title}${md.render(code)}</div>`; token.info.charAt(3).toUpperCase()}${token.info.substring(4).toLowerCase()
}</div></div>`
return `<div class="callout" data-callout="${token.info}">${title}\n<div class="callout-content">${md.render(code)}</div></div>`;
} }
// Other languages // Other languages

View File

@ -47,30 +47,6 @@ div.transclusion {
} }
} }
.admonition-title {
font-size: 1.4rem;
}
div[class*="language-ad-"] .admonition-title::before,
div[class*="callout-"] .admonition-title::before {
font-size: 1.4rem;
margin-bottom: 10px;
margin-right: 10px;
}
code[class*="language-ad-"] {
font-family: 'Roboto', sans-serif;
white-space: normal !important;
}
.theme-light div[class*="language-ad-"] {
color: rgb(12, 12, 12);
}
.theme-dark div[class*="language-ad-"] {
color: rgb(230, 230, 230);
}
ul.task-list { ul.task-list {
list-style: none; list-style: none;
padding-left: 15px; padding-left: 15px;