@centroculturadigital-mx/svelte-themer/src/rootProperties.js

Styling your Svelte apps with CSS Variables, persisted.

const getRootProperties = (object, prefix) => {

    let properties = []

    let varString

    if (!prefix) {
        prefix = `--theme`
    }

    varString = prefix

    for (let [key, value] of Object.entries(object)) {

        varString = `${varString}-${key}`

        if (typeof value === "object") {
            properties = [...properties, ...getRootProperties(value, varString)]
        } else {
            properties.push([
                varString, value
            ])
        }

        varString = prefix

    }

    return properties

}

const setRootProperties = (properties) => {


    for (const property of properties) {

        document.documentElement.style.setProperty(property[0], property[1]);

    }

    return

}
const setRootTypographies = (families) => {



    for (const fam in families) {

        // document.head.append(`<link rel="stylesheet" href="${families[fam]}" >`)

    }

    return families;

}


const rootProperties = {
    getRootProperties,
    setRootProperties,
    setRootTypographies
}

module.exports = rootProperties