If you’ve used it, please give me some examples of how you used it to solve a styling problem that otherwise would have been difficult or messy with other css rules.
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.
Haven’t found a use case for it yet.
If you’ve used it, please give me some examples of how you used it to solve a styling problem that otherwise would have been difficult or messy with other css rules.
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.
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.