Bricks Dynamic Header Variable for AT Framework

script.js

/*
This script uodates the variable "--at-header-height" to the height of the Bricks Header dynamically.
*/
(() => {
    const setHeaderHeightVar = () => {
        const header = document.querySelector("#brx-header");
        if (header) {
            const height = header.offsetHeight;
            document.body.style.setProperty(
                "--at-header-height",
                `${height}px`
            );
        }
    };

    // Run on load
    window.addEventListener("DOMContentLoaded", setHeaderHeightVar);

    // Run on resize
    window.addEventListener("resize", setHeaderHeightVar);

    //Init on load
    setHeaderHeightVar();
})();