greystate / componentize Goto Github PK

The script file should be renamed to componentize.coffee (and thus, the dist file becomes componentize.js

When adding the .solid-bg class to a component, it should be possible to also specify the color if necessary, using a CSS custom property, e.g.:

<div class="component solid-bg" style="--bg-color:#ff8000;">

I always use this, and I always forget that it never exists before I've added it :)

And it's used within the componentize context, so makes sense to add it here.

When viewing the components on a mobile/compact screen, put the component name on top of the component and let the component use the full width.

In the Google Chrome browser, the Table Of Contents overlay is not sorted alphabetically.

Problem's here in the toc.js file:

items.sort((a, b) => a.dataset.title > b.dataset.title)

The sort function should return either 1 or -1 instead of true / false as it currently does.