Add dynamic.css to module folder structure

Developers get a large headache maintaining modules with styles tabs.
Module.html files can get large fast with dynamic (user-input) styles from the styles tab (I commonly see 200+ lines of code just for dynamic styles).
Currently the module file structure is:

  • Meta.json
  • Fields.json
  • Module.html
  • Module.css <optional>
  • Module.js <optional>

What if we could add an optional dynamic.css to the folder structure? where everything in it would be:

  • automatically scoped to a module instance
  • able to use hubl
  • Rendered, minified, and injected on the page

That could eliminate file complexity for large/complex modules.