Einheitliche Behandlung von Layout-Parametern (Margins & Fontsize als Root-Variablen)

Wie gerade hier veröffentlicht, habe ich ‚übergangsweise‘ für mich eine Lösung gefunden. Eigentlich macht sie nix anderes wie das HTML-SDK nur … anders :loveips:

    <script>
        /* ── Init: Set Root/Syle Variables ───────────────────────────────── */
        const p = new URLSearchParams(location.search);
        const r = document.documentElement;
        const m = {
            margintop: ['--margin-top'],
            marginside: ['--margin-side'],
            marginbottom: ['--margin-bottom']
        };
        for (const k in m) {
            const v = p.get(k);
            if (!v) continue; m[k].forEach(c => r.style.setProperty(c, v));
        }

        /* ── Ab hier können weitere Anweidungen hinterlegt werden. ───────── */

    </script>

Dieses kleine Script stellt die Margins als root-Vars bereit, also einfach im css via var(--margin-top) usw. nutzen!

Fände es trotzdem toll wenn man die Sache einmal in der Hand hat - gleich so übergeben zu bekommen!

Ihr merkt schon, ich lass nicht locker :zany_face:

Gruß Heiko

2 „Gefällt mir“