LeaVerou / md-block

A custom element for rendering stylable (light DOM) Markdown

Home Page:https://md-block.verou.me

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Custom heading levels

swyxio opened this issue · comments

Hi Lea, thank you for making this project! Its something I constantly rebuild in projects and am excited by a web component approach that I can style in the normal DOM!

with headings, I often struggle with visual distinction of h3's vs h2's. So on my site i have done something like this:

image

and it's really helped me with my "heading anxiety". i wonder if that could be incorporated here in a more generic way?

It’s an interesting idea, but I don’t think it’s actually good for information architecture. Higher heading levels need to be more prominent somehow (size, weight etc) to establish a clear visual hierarchy, whereas here the only difference is the number of # signs, which a) does not establish prominence visually and b) is also somewhat obscure to non-technical folks. But even for those of us who understand what it means, and think it's cute and creative, it still makes it difficult to process a document’s hierarchy. 😕

That said, this styling is already possible in the same way you’ve done it in your blog. Unless I'm misunderstanding the feature request?

Hi again! Since there is no response, and it's unclear what the suggestion is about, I’m gonna go ahead and close this. Feel free to reopen if you want to continue the conversation!