search

LeaVerou / md-block

A custom element for rendering stylable (light DOM) Markdown
https://md-block.verou.me
MIT License
322 stars 17 forks source link

Custom heading levels #1

Closed swyxio closed 2 years ago

swyxio commented 2 years ago

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?

LeaVerou commented 2 years ago

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?

LeaVerou commented 2 years ago

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!