parcel
parcel copied to clipboard
CSS @layer support with imported styles
🐛 bug report
CSS @layer
support doesn't work for me with external styles as it would with the spec.
For example;
@import url('https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css') layer(normalize);
is valid and can be seen in use here. I've tried doing the @import
wrapped in @layer
to see if that could be a workaround but it hasn't worked and ignores the @layer
. Is there a workaround here?
🎛 Configuration (.babelrc, package.json, cli command)
Default configuration.
🤔 Expected Behavior
@layer
spec is respected and either the styles are inlined into a layer or I can use the external import method from above.
😯 Current Behavior
Ignores @layer
completely.
💁 Possible Solution
🔦 Context
💻 Code Sample
🌍 Your Environment
Software | Version(s) |
---|---|
Parcel | |
Node | |
npm/Yarn | |
Operating System |
Possibly the same, though this one seems to be for external styles rather than bundled styles. #8162
CSS layers are fully supported by all browsers. Too bad our tools are holding us back 😢