@zywave/zui-bundle
Version:
ZUI, out of the box, provides ES modules with bare path modifiers (e.g. `import '@zywave/zui-foo-bar'`). This is great as that's the way browsers are _going_, but they aren't there quite yet. Tooling exists to help solve this problem like webpack or rollu
6 lines (5 loc) • 2.19 kB
JavaScript
const colors = `html{--zui-aqua-100: #c6f0ee;--zui-aqua-200: #9ee6e1;--zui-aqua-300: #75dbd5;--zui-aqua-400: #4dd1c8;--zui-aqua: #30bbb1;--zui-aqua-500: #30bbb1;--zui-aqua-600: #26928b;--zui-aqua-700: #1b6964;--zui-blue-100: #d0e2f6;--zui-blue-200: #a5c7ee;--zui-blue-300: #79ace6;--zui-blue-400: #4e92df;--zui-blue: #2777d3;--zui-blue-500: #2777d3;--zui-blue-600: #1f5fa8;--zui-blue-700: #17477d;--zui-gray-25: #f9f9fa;--zui-gray-50: #f4f4f6;--zui-gray-100: #e6e6ea;--zui-gray-200: #cbcbd2;--zui-gray-300: #afafbb;--zui-gray-400: #9494a4;--zui-gray: #78788c;--zui-gray-500: #78788c;--zui-gray-800: #31313a;--zui-gray-900: #1a1a1e;--zui-gray-600: #606071;--zui-gray-800: #31313a;--zui-gray-900: #1a1a1e;--zui-gray-700: #494955;--zui-gray-800: #31313a;--zui-gray-900: #1a1a1e;--zui-green-100: #d7efcd;--zui-green-200: #b8e2a6;--zui-green-300: #9ad680;--zui-green-400: #7bc959;--zui-green: #5fb53b;--zui-green-500: #5fb53b;--zui-green-600: #4b8e2e;--zui-green-700: #376822;--zui-orange-100: #fde5d3;--zui-orange-200: #fac7a3;--zui-orange-300: #f8aa72;--zui-orange-400: #f58d42;--zui-orange: #f36f12;--zui-orange-500: #f36f12;--zui-orange-600: #c7590a;--zui-orange-700: #964308;--zui-purple-100: #e0d7ef;--zui-purple-200: #c4b3e0;--zui-purple-300: #a88fd1;--zui-purple-400: #8c6bc2;--zui-purple: #7148b1;--zui-purple-500: #7148b1;--zui-purple-600: #5a3a8d;--zui-purple-700: #432b69;--zui-red-100: #fac9bd;--zui-red-200: #f6a38e;--zui-red-300: #f27c5f;--zui-red-400: #ee562f;--zui-red: #d93912;--zui-red-500: #d93912;--zui-red-600: #aa2d0e;--zui-red-700: #7b200a;--zui-rose-100: #f3cee5;--zui-rose-200: #e9a5cf;--zui-rose-300: #de7cb9;--zui-rose-400: #d454a3;--zui-rose: #c4318c;--zui-rose-500: #c4318c;--zui-rose-600: #9b276e;--zui-rose-700: #721d51;--zui-yellow-100: #fef1d7;--zui-yellow-200: #fee0a5;--zui-yellow-300: #fdcf72;--zui-yellow-400: #fcbd40;--zui-yellow: #fbac0e;--zui-yellow-500: #fbac0e;--zui-yellow-600: #d38e03;--zui-yellow-700: #a16c02;--zui-zywave: var(--zui-green)}`;
const $_colorsContainer = document.createElement('div');
$_colorsContainer.style.display = 'none';
$_colorsContainer.innerHTML = `<style>${colors}</style>`;
document.head.appendChild($_colorsContainer);