Merge pull request #3229 from pynnl/gh-3228

Fix global keyframes with no elements
sveltejs · Jul 23, 2019 · be30a4c · be30a4c
2 parents 6cba41d + c33e4be
commit be30a4c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/src/compiler/compile/css/Stylesheet.ts b/src/compiler/compile/css/Stylesheet.ts
@@ -217,6 +217,11 @@ class Atrule {
 				if (type === 'Identifier') {
 					if (name.startsWith('-global-')) {
 						code.remove(start, start + 8);
+						this.children.forEach((rule: Rule) => {
+							rule.selectors.forEach(selector => {
+								selector.used = true;
+							});
+						});
 					} else {
 						code.overwrite(start, end, keyframes.get(name));
 					}

diff --git a/test/css/samples/global-keyframes-with-no-elements/expected.css b/test/css/samples/global-keyframes-with-no-elements/expected.css
@@ -0,0 +1 @@
+@keyframes why{0%{color:red}100%{color:blue}}
diff --git a/test/css/samples/global-keyframes-with-no-elements/input.svelte b/test/css/samples/global-keyframes-with-no-elements/input.svelte
@@ -0,0 +1,6 @@
+<style>
+	@keyframes -global-why {
+		0% { color: red; }
+		100% { color: blue; }
+	}
+</style>