I would love if we could at least get:
https://github.com/w3c/csswg-drafts/issues/6872
clarified and resolved. The behavior Chromium currently implements might
be what we want to end up doing, but that doesn't match the spec at all,
afaict.
-- Emilio
On 12/7/21 21:42, Xiaocheng Hu wrote:
Contact emails
[email protected] <mailto:[email protected]>
Explainer
https://gist.github.com/xiaochengh/58c793e3bf06a1bb0f7d472ebb170feb
<https://gist.github.com/xiaochengh/58c793e3bf06a1bb0f7d472ebb170feb>
Specification
https://drafts.csswg.org/css-cascade-5/#layering
<https://drafts.csswg.org/css-cascade-5/#layering>
Design docs
https://bit.ly/2SGjPlu <https://bit.ly/2SGjPlu>
Summary
CSS cascade layers (@layer rule and layered @import syntax) provide a
structured way to organize and balance concerns within a single origin.
Rules within a single cascade layer cascade together without
interleaving with style rules outside the layer. This allows authors to
achieve a certain cascade ordering for same-origin rules in a proper way.
Blink component
Blink>CSS
<https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink%3ECSS>
Search tags
css <https://chromestatus.com/features#tags:css>, cascade
<https://chromestatus.com/features#tags:cascade>, layer
<https://chromestatus.com/features#tags:layer>, cascade-layer
<https://chromestatus.com/features#tags:cascade-layer>
TAG review
https://github.com/w3ctag/design-reviews/issues/597
<https://github.com/w3ctag/design-reviews/issues/597>
TAG review status
Issues addressed
Risks
Interoperability and Compatibility
As a new feature, there is no compatibility risk. Interoperability risk
is very low as WebKit and Gecko are also actively developing this new
feature.
Gecko: In development
(https://bugzilla.mozilla.org/show_bug.cgi?id=1699215
<https://bugzilla.mozilla.org/show_bug.cgi?id=1699215>)
WebKit: Shipped/Shipping (https://bugs.webkit.org/show_bug.cgi?id=220779
<https://bugs.webkit.org/show_bug.cgi?id=220779>)
Web developers: Strongly positive
(https://bugs.chromium.org/p/chromium/issues/detail?id=1095765
<https://bugs.chromium.org/p/chromium/issues/detail?id=1095765>)
Other signals:
Debuggability
@layer rules will be surfaced to DevTools in the Style panel to indicate
which layer the style rules are in. See crbug.com/1240596
<http://crbug.com/1240596>
Is this feature fully tested by web-platform-tests
<https://chromium.googlesource.com/chromium/src/+/master/docs/testing/web_platform_tests.md>?
Yes
Flag name
chrome://flags/#enable-cascade-layers
Requires code in //chrome?
False
Tracking bug
https://bugs.chromium.org/p/chromium/issues/detail?id=1095765
<https://bugs.chromium.org/p/chromium/issues/detail?id=1095765>
Estimated milestones
99
Link to entry on the Chrome Platform Status
https://chromestatus.com/feature/5663362835808256
<https://chromestatus.com/feature/5663362835808256>
Links to previous Intent discussions
Intent to prototype:
https://groups.google.com/a/chromium.org/g/blink-dev/c/chiJ2GIECPc/m/sIF9pfsdAAAJ <https://groups.google.com/a/chromium.org/g/blink-dev/c/chiJ2GIECPc/m/sIF9pfsdAAAJ>
This intent message was generated by Chrome Platform Status
<https://www.chromestatus.com/>.
--
You received this message because you are subscribed to the Google
Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send
an email to [email protected]
<mailto:[email protected]>.
To view this discussion on the web visit
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAFqEGha5qBJvcSa%2Bzs525XU8HBdpHhH1W3%3D9x%3DNrHnaSP6XTvg%40mail.gmail.com <https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAFqEGha5qBJvcSa%2Bzs525XU8HBdpHhH1W3%3D9x%3DNrHnaSP6XTvg%40mail.gmail.com?utm_medium=email&utm_source=footer>.
--
You received this message because you are subscribed to the Google Groups
"blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/15733bbb-2514-381a-35ee-b6a8a79f48e9%40mozilla.com.