Spyke

Syndicated from the fediverse. Read and engage on the original instance.

View original on programming.dev

3 replies

Vincentreply
feddit.nl

It's been a while, so I'm not sure about the details, but I had some elements on our website that I wanted to show when our extension was installed, and hide if not. I think I used layers, and then had the extension move the layer priority order. Was a clean way to fence off the extension-specific code.

4
bytepursuitsreply
programming.dev

I think it really helps if you dont like !important:

@layer base, toggles;
@layer toggles {
    .wprm-print-hide-recipe-nutrition .wprm-recipe-nutrition-label-section {
        display: none;
    }
}

instead of

.wprm-print-hide-recipe-nutrition .wprm-recipe-nutrition-label-section {
    display: none !important;
}

I guess I answered my own question - I think its a neat feature and ill use it.

1

You reached the end

Do you already use @layer in your code? | Spyke