diff --git a/test/fixtures/imports/layer-after-content.css b/test/fixtures/imports/layer-after-content.css new file mode 100644 index 0000000..468b846 --- /dev/null +++ b/test/fixtures/imports/layer-after-content.css @@ -0,0 +1,4 @@ +html { + box-sizing: border-box; +} +@layer overrides; diff --git a/test/fixtures/layer-after-content.css b/test/fixtures/layer-after-content.css new file mode 100644 index 0000000..5c934c2 --- /dev/null +++ b/test/fixtures/layer-after-content.css @@ -0,0 +1,4 @@ +@import "layer-after-content.css"; +.foo { + color: red; +} diff --git a/test/fixtures/layer-after-content.expected.css b/test/fixtures/layer-after-content.expected.css new file mode 100644 index 0000000..1b70e05 --- /dev/null +++ b/test/fixtures/layer-after-content.expected.css @@ -0,0 +1,7 @@ +html { + box-sizing: border-box; +} +@layer overrides; +.foo { + color: red; +} diff --git a/test/layer.js b/test/layer.js index e0cf89d..f02c792 100644 --- a/test/layer.js +++ b/test/layer.js @@ -58,6 +58,12 @@ test( "layer-statement-with-conditions", ) +test( + "should preserve the order of layer statements that follow other CSS", + checkFixture, + "layer-after-content", +) + test( "should preserve the order of layer statements that follow layer blocks", checkFixture,