vevet
Version:
Vevet is a JavaScript library for creative development that simplifies crafting rich interactions like split text animations, carousels, marquees, preloading, and more.
5 lines • 1.08 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.presetCssVars = void 0;
exports.presetCssVars = "var presetVevetCss = function update() {\n if (window.vevet5) {\n return;\n }\n\n var doc = document.documentElement;\n\n var styles = document.getElementById('vevet_css_preset');\n if (!styles) {\n styles = document.createElement('style');\n styles.id = 'vevet_css_preset';\n document.body.appendChild(styles);\n }\n\n var w = window.innerWidth;\n var h = window.innerHeight;\n var sh = doc.clientHeight;\n var scrollbarWidth = window.innerWidth - doc.clientWidth;\n\n styles.innerHTML = 'html { --vw: ' + w / 100 + 'px; --vh: ' + h / 100 + 'px; --svh: ' + sh / 100 + 'px; --scrollbar-width: ' + scrollbarWidth + 'px; }';\n};\n\nwindow.addEventListener('resize', presetVevetCss);\n\nvar presetVevetCssObserver = new ResizeObserver(presetVevetCss);\npresetVevetCssObserver.observe(document.documentElement);\npresetVevetCssObserver.observe(document.body);\n\npresetVevetCss();";
//# sourceMappingURL=presetCssVars.js.map