Upgrade the package

[mattesmohr]

This merge adds some elements and attributes like for vectors or the shadow DOM. It also revamps the CSS.

Custom properties

Logical properties

I am in favor of the logical properties. I know they are hardly used or supported at the moment. But I think it will be better, when HTMLKit is out of beta. Also someone has to start using them. :-)

Appearance Mode

The appearance of components (light or dark) was previously triggered by the system preference. But sometimes you want to force a specific appearance despite it. By the change from the media query 'prefers-color-scheme' to a simple css class, it can be now forced for the whole webpage.

Body {
   Card {
   }
}
.class("scheme:dark")

But also you can force it for an single component.

Card {
}
.colorScheme(.dark)

Minification

As the code and the complexity for the CSS and JS grows, I thought its time to write a minifier to reduce the size of the file on deployment. At the moment the minifier just removes whitespaces and comments.