colxi / css-global-variables Goto Github PK

Easy manipulation of CSS Global variables using Javascript

License: MIT License

JavaScript 93.78% CSS 4.41% HTML 1.81%

css-global-variables's Issues

Cannot be used with Jest

● Test suite failed to run

    TypeError: Cannot read property 'getAttribute' of undefined

       8 |     return name.replace(/[A-Z]/g, m => "-" + m.toLowerCase());
       9 |   };
    > 10 |   public mainBlackTextColor = new CSSGlobalVariables({ normalize: this.camelToHyphens }).mainBlackText;
         |                               ^
      11 |   public mainWhiteTextColor = new CSSGlobalVariables({ normalize: this.camelToHyphens }).mainWhiteText;
      12 | 
      13 |   public getRandId(): string {

we have added css-global-variables to transformIgnorePatterns like we do for other libraries but it fail :/

Not SSR friendly

Uses window object for the global so won't work in SSR / server context.

https://chromestatus.com/feature/5193698449031168
I don't think that this lib could easily make use of this upcoming feature (one would need to metaprogram css files) but it might interest the author as it should be the most optimized way of registering CSS variables.

Feel free to close this "issue".

Recommend Projects