You can create a custom callout that looks like a codeblock.
Add the following to your custom .css file
.callout[data-callout="math"] {
padding: 0px ;
background-color:#242424
}
.callout-title-inner, .callout-icon {
display:none;
}
This will replicate a code block, including the same background color.
You can change the name from “math” to anything that is easy for you.
I chose to hide the title name and icon with:
.callout-title-inner, .callout-icon {
display:none;
}
You can remove this if you want to make the callout collapsible. Otherwise you won’t be able to see the title to click on it.
Remember to add > to a new line including line breaks. Now everything will display correctly
> [!math]
> - Line 1
> - Line 2
> - Line 3
> $$x= x^2 $$