Thanks a lot for your feedback. I have only slightly adjusted the CSS code to my preferences (other padding, color of left margin). Wondering if @ThorstenG is happy with this
.important {
border-color: #ffb100;
background-color: #fff9e6;
border-left: 5px solid #ffb100;
}
.important h3 {
background-color: #ffb100;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
}
.important h3:before {
content: "⚠️ ";
}
.important p {
padding-left: 1em;
padding-right: 1em;
}
.important p:first-of-type {
padding-top: 0.5em;
}
.important p:last-of-type {
padding-bottom: 0.5em;
}
Now it looks like this:
One recommendation to @ThorstenG You can use the text replacement feature of macos to enter this in your markdown code, e.g. by typing importantx so that this text block is inserted…
<div class="important">
### Important
text
</div>```