Re: [w3c/webcomponents] Undefined specification for @keyframe scope on slotted content (#715)

This was brought up a few months ago, in <https://github.com/w3c/csswg-drafts/issues/1516> (and several times in the years prior). I wrote up a proposed solution in <https://github.com/w3c/csswg-drafts/issues/1995>, but nobody's bitten on the thread.  Happy to drive it if anyone's interested, tho.

Short form of the proposal:
* name-defining rules are visible to the scope they're defined in, and all scopes descending from that.
* referring to a name-defining rule with an ordinary keyword (like `animation-name: foo;` always refers to the "global" version defined in the top-level page.
* alternately, you can use `scoped(<keyword>)` to refer to the "local" version, defined in your shadow tree
* you can also use `scoped(<keyword>, N)` to refer to the local version N tree scopes up (or in the global scope if there aren't enough intervening scopes).  This allows inheritance to work across shadow boundaries while still allowing every value to be written down.  This form generally shouldn't be used manually, as it's fragile, but it existing makes the mechanics of the proposal work better.

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