Add partial specs for loading CSS with @use #1357
Conversation
| a { | ||
| file: midstream; | ||
| } | ||
|
|
There was a problem hiding this comment.
Why is @import "input.css"; above the a {file: midstream} in the output here?
There was a problem hiding this comment.
CSS @imports are required to appear before any other rules (other than @charset) in the document. All these import_order tests ensure that we maintain that invariant while hewing as closely as possible to the original source order.
|
|
||
| @import "midstream2.css"; | ||
|
|
||
| /* input comment before use */ |
There was a problem hiding this comment.
Why do the "before use" comments appear after the contents of the @use file?
There was a problem hiding this comment.
It would be very complicated to keep track of which comments appeared above or between which @use rules in the source text and use that to interpolate them appropriately into the CSS, especially once you get into multiple @uses of the same module. The next best thing is just to keep the contents of an individual file together as much as possible (with the caveat that CSS @imports are split out).
This doesn't specify the interaction between @use and @import, since
sass/sass#75 is unresolved.
[skip dart-sass]