Tailwind was beaten in development speed

[wiktorlaskowski]

MonoCSS actually made by me was made in under TEN MINUTES🤩
Here is the raw code (does not support keyframes yet):

document.addEventListener('DOMContentLoaded', function () {
    const elements = document.querySelectorAll('*'); // Select all elements

    // Step 1: Apply inline attribute-based styling
    elements.forEach(el => {
        Array.from(el.attributes).forEach(attr => {
            const attrName = attr.name;
            const attrValue = attr.value;

            if (attrName.startsWith("mncss-")) return; // Ignore MonoCSS-specific attributes

            if (CSS.supports(attrName, attrValue)) {
                el.style[attrName] = attrValue; // Apply valid CSS properties
            }
        });
    });

    // Step 2: Handle mncss-group and mncss-use-group
    const groups = {};

    elements.forEach(el => {
        // Store styles for mncss-group
        if (el.hasAttribute("mncss-group")) {
            const groupName = el.getAttribute("mncss-group");
            groups[groupName] = getComputedStyle(el); // Store computed styles
        }
    });

    elements.forEach(el => {
        // Apply styles from mncss-use-group
        if (el.hasAttribute("mncss-use-group")) {
            const groupName = el.getAttribute("mncss-use-group");

            if (groups[groupName]) {
                Object.assign(el.style, extractStyles(groups[groupName]));
            }
        }
    });

    // Helper function to extract applicable CSS properties
    function extractStyles(computedStyles) {
        const extracted = {};
        for (let i = 0; i < computedStyles.length; i++) {
            const prop = computedStyles[i];
            extracted[prop] = computedStyles.getPropertyValue(prop);
        }
        return extracted;
    }
});

I used a lot of comments to make you understand what it is actually doing when some parts do not make sence

[philipp-spiess]

Hey there! Cool stuff but this doesn't seem related to Tailwind CSS at all so going to close this discussion!

[wiktorlaskowski]

Oops, sorry, I didn't know how to do it in genral, sorry :(