CSS @import doesn't support 'layer' or 'supports' #428
Description
CSS @import supports code in the following formats:
@import url;
@import url layer;
@import url layer(layer-name);
@import url layer(layer-name) supports(supports-condition);
@import url layer(layer-name) supports(supports-condition) list-of-media-queries;
@import url layer(layer-name) list-of-media-queries;
@import url supports(supports-condition);
@import url supports(supports-condition) list-of-media-queries;
@import url list-of-media-queries;
Looking at
Line 120 in cb7a929
@import url; and @import url list-of-media-queries;, 'layer' and 'supports' are not checked.
Basic layer Test Case:
@import url('file1.css') layer(testLayer1);
@import url('file2.css') layer(testLayer2);
Minified Outcome (invalid code, not used by browser):
@media layer(testLayer1){/*...file1.css...*/}@media layer(testLayer2){/*...file2.css...*/}
Expected Outcome (imported files converted to appropriate @layer entries):
@layer testLayer1{/*...file1.css...*/}@layer testLayer2{/*...file2.css...*/}