Indent headings: Escaping the current indentation level

[zamsyt]

Add special handling for empty headings

This discussion started under another issue: #16 (comment)

[zamsyt]

in edit mode, I don't think it's possible the same way with CSS alone
#16 (comment)

@sdaognklwb I spoke too soon! Taking a closer look at the DOM, I realized this is totally possible across all the modes using empty headings. Coming soon.

[sdaognklwb]

Thanks! Looking forward to the updated snippet!

[zamsyt]

@sdaognklwb
I ended up rewriting the snippet using a new method, and took a break from this in between.

I believe this method should be more performant (for larger numbers of headings) (though I still want to do test that). This no longer uses Sass (I can't really do that if I want to use CSS native nesting as I now did)... not sure how I'll now provide configuration for the supported number of headings---perhaps I'll make a custom web downloader with an option for it... Though expanding the snippet is really simple now even manually: just copy paste the last section and increase the number by 1 to support one more heading.

It's in a separate branch for now: nth-child-rewrite/Indent headings.css

Let me know if the the the empty heading syntax for going up a level is working for you, and if things are working well over all!

[zamsyt]

Ok, shoot, I'm seeing a major performance issue. I'll have to look into that later 😅 Idk why... can only hope it's fixable 🤞 Really thought this would perform better but will see.. if I can't solve this I might need to revert to the old version and implement this feature there

(I'll come back to this tomorrow or next week.)