CSS variables for themes polyfillWarning: It is not a full featured polyfill for CSS variables. It is just cover the case of flat variables (no nesting) for Travix.
Moreover, the name of global object with map for CSS variables is hardcoded.
How to install
npm i travix-css-themes-polyfill -Sinstall as a dependency
or use it via CDN
How it worksRequirement: The polyfill expect to have global object with a name
TravixThemewith values for variables.
The script will check all
<link>tags with data attribute
data-cssvarsand will process them with CSS variables mapping.
It also add an event listener for
DOMSubtreeModifiedand when new style tag added it will map its content as well.
There is a global function
cssThemeServicewhich you can use when you need to map CSS variables with Travix theme.
UsageAdd it to your main bundle before any dynamically styles tags added.
Preferably add this code only for target platforms: IE11, Edge 14 and Android 4.x
npm run testto run unit test
npm run lintto check ES-lint errors
RequirementsSince there is no transpiling step your code must be compatible with IE11
PublishingTo publish this package run