[fix] support @layer (#7514)

* add test * add layer to apply check
sveltejs · Jul 4, 2022 · 7e1691c · 7e1691c
1 parent 4583b17
commit 7e1691c
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/src/compiler/compile/css/Stylesheet.ts b/src/compiler/compile/css/Stylesheet.ts
@@ -170,7 +170,7 @@ class Atrule {
 	}
 
 	apply(node: Element) {
-		if (this.node.name === 'media' || this.node.name === 'supports') {
+		if (this.node.name === 'media' || this.node.name === 'supports' || this.node.name === 'layer') {
 			this.children.forEach(child => {
 				child.apply(node);
 			});

diff --git a/test/css/samples/at-layer/expected.css b/test/css/samples/at-layer/expected.css
diff --git a/test/css/samples/at-layer/input.svelte b/test/css/samples/at-layer/input.svelte
@@ -0,0 +1,17 @@
+<div>hello</div>
+
+<style>
+	@layer base, special;
+
+	@layer special {
+		div {
+			color: rebeccapurple;
+		}
+	}
+
+	@layer base {
+		div {
+			color: green;
+		}
+	}
+</style>