minor style tweaks

Author: Rich-Harris

packages/svelte/src/compiler/phases/2-analyze/css/Stylesheet.js

@@ -8,7 +8,7 @@ import { push_array } from '../utils/push_array.js';
 import { create_attribute } from '../../nodes.js';
 
 const regex_css_browser_prefix = /^-((webkit)|(moz)|(o)|(ms))-/;
-const regex_name_sequence = /^[\s,;}]$/;
+const regex_name_boundary = /^[\s,;}]$/;
 /**
  * @param {string} name
  * @returns {string}
@@ -217,16 +217,23 @@ class Declaration {
 			let name = '';
 
 			while (index < code.original.length) {
-				const current = code.original[index];
+				const character = code.original[index];
 
-				if (regex_name_sequence.test(current)) {
-					if (name && keyframes.has(name))
-						code.update(index - name.length, index, /**@type {string}*/ (keyframes.get(name)));
+				if (regex_name_boundary.test(character)) {
+					const keyframe = keyframes.get(name);
 
-					if (current === ';' || current === '}') break;
+					if (keyframe) {
+						code.update(index - name.length, index, keyframe);
+					}
+
+					if (character === ';' || character === '}') {
+						break;
+					}
 
 					name = '';
-				} else name += current;
+				} else {
+					name += character;
+				}
 
 				index++;
 			}

packages/svelte/tests/css/samples/animations/expected.css

@@ -1,23 +1,24 @@
 
-  @keyframes svelte-xyz-a {
-    0% {
-      transform: scale(1);
-    }
-    100% {
-      transform: scale(2);
-    }
-  }
+	@keyframes svelte-xyz-a {
+		0% {
+			transform: scale(1);
+		}
+		100% {
+			transform: scale(2);
+		}
+	}
 
-  @keyframes svelte-xyz-animation {
-    0% {
-      transform: scale(1);
-    }
-    100% {
-      transform: scale(2);
-    }
-  }
-  h1.svelte-xyz {
-    animation:  1s linear infinite svelte-xyz-a;
-    animation: svelte-xyz-a 1s linear infinite;
-    animation: 1s linear infinite svelte-xyz-a,svelte-xyz-animation 1s linear infinite;
-  }
+	@keyframes svelte-xyz-animation {
+		0% {
+			transform: scale(1);
+		}
+		100% {
+			transform: scale(2);
+		}
+	}
+
+	h1.svelte-xyz {
+		animation: 1s linear infinite svelte-xyz-a;
+		animation: svelte-xyz-a 1s linear infinite;
+		animation: 1s linear infinite svelte-xyz-a,svelte-xyz-animation 1s linear infinite;
+	}

packages/svelte/tests/css/samples/animations/input.svelte

@@ -1,26 +1,27 @@
 <h1>test</h1>
 
 <style>
-  @keyframes a {
-    0% {
-      transform: scale(1);
-    }
-    100% {
-      transform: scale(2);
-    }
-  }
+	@keyframes a {
+		0% {
+			transform: scale(1);
+		}
+		100% {
+			transform: scale(2);
+		}
+	}
 
-  @keyframes animation {
-    0% {
-      transform: scale(1);
-    }
-    100% {
-      transform: scale(2);
-    }
-  }
-  h1 {
-    animation:  1s linear infinite a;
-    animation: a 1s linear infinite;
-    animation: 1s linear infinite a,animation 1s linear infinite;
-  }
+	@keyframes animation {
+		0% {
+			transform: scale(1);
+		}
+		100% {
+			transform: scale(2);
+		}
+	}
+
+	h1 {
+		animation: 1s linear infinite a;
+		animation: a 1s linear infinite;
+		animation: 1s linear infinite a,animation 1s linear infinite;
+	}
 </style>