c/webdev · by bytepursuits@programming.dev · 327d

Do you already use @layer in your code?

https://developer.mozilla.org/en-US/docs/Web/CSS/@layer

Do you guys already use css @layer in your code? just curious.
Do you deem a level of adoption sufficient?

https://caniuse.com/mdn-css_at-rules_layer

22 points · 3 comments · view on lemmy.world

3 Comments

tiredofsametab@fedia.io · 3 pts · 327d

Why would I want to create an array called 'layer'?

falseWhite@programming.dev · 2 pts · 326d (2 replies)

[ removed ]

Vincent@feddit.nl · 4 pts · 326d

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.

bytepursuits@programming.dev · 1 pts · 314d

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.