Copy CSS as JavaScript (Chrome Canary 98)

[MaxZieb (Loves Hype)]

This news update by the Chrome Dev Team inspired the following:

HypeDataStyle (add inline CSS styles on the fly using a decorator)

[CleanShot 2021-11-14 at 11.45.58@2x] Screenshot of assigning an CSS variable: [CleanShot 2021-11-14 at 10.22.42@2x] Adding CSS is rather straightforward using regular classes (Class Name), but I thought it would be fun to implement a dynamic approach that applies style through a dataset variable called data-style. Just add a CSS string to the value to apply it. Additionally, there is a second decorator that implements an expression-based route, allowing to apply CSS declarations from a…