abelljs / abell

A Low-Level, Framework Agnostic, Highly Flexible Static-Site-Generator to help you build Static Sites on a smaller learning curve 🌀

Home Page:https://abelljs.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Scoped CSS is not applied on build-time generated HTML

saurabhdaware opened this issue · comments

Describe the bug

Scoped CSS doesn't work with generated HTML (See the stackblitz example below)

To Reproduce

https://stackblitz.com/edit/abell-rqqnss?file=index.abell,_navbar.abell

Expected behavior

The scoped CSS should be applied on all HTML written inside that component irrespective of how it is generated.

Specs:

  • Abell Version: 1.0.0-alpha.72
  • Node Version: any
  • Operating System: any

Additional context

Currently we're looking for HTML tags in the code and injecting the hash which is used for scoping.

Because we're looking for HTML tags before the evaluation, it is only getting applied where we have well defined HTML tags. But for HTML that is generated on build time, that injection of hash doesn't happen.