Use case or problem
I may want a callout to be a heading like so, but by default (without any CSS) the buttons are at the top and very small compared to the title text.
> [!Tip]- # Heading 1
> Content
Proposed solution
Obsidian should add CSS to fix this.
Current workaround (optional)
This is the CSS I use for it (I set the font sizes relative to the font size varaibles I have set in my own CSS).
.callout-title:has(h1) :after { font-size: 22px; }
.callout-title:has(h2) :after { font-size: 21px; }
.callout-title:has(h3) :after { font-size: 19px; }
.callout-title:has(h4) :after { font-size: 18px; }
.callout-title:has(h5) :after { font-size: 17px; }
.callout-title {
align-items: center;
}