Re: [WICG/webcomponents] "open-stylable" Shadow Roots (#909)

@DarkWiiPlayer:

@layer works inside a shadow tree now:

```html
<my-element>
    <template shadowrootmode="open">
        <style>
            @layer reset, BETTER-BUTTONS;

            @layer BETTER-BUTTONS {
                button {
                    border: thick dashed red;
                }
            }

            @layer reset {
                button {
                    border: thin solid black;
                }
            }
        </style>
        <button>Dashed red button</button>
    </template>
</my-element>
```
It just can't reference a layer from the outer context (like `inherit.BETTER-BUTTONS`).

I am not sure what you mean by a new tag.


-- 
Reply to this email directly or view it on GitHub:
https://github.com/WICG/webcomponents/issues/909#issuecomment-2004960532
You are receiving this because you are subscribed to this thread.

Message ID: <WICG/webcomponents/issues/909/2004960532@github.com>