Sass: Highlight "-" as operator only if surrounded by spaces, in orde…

…r to not break hyphenated values (e.g. "ease-in-out")
PrismJS · Sep 21, 2015 · b2763e7 · b2763e7
1 parent 895bf46
commit b2763e7
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/components/prism-sass.js b/components/prism-sass.js
@@ -21,7 +21,13 @@
 
 
 	var variable = /((\$[-_\w]+)|(#\{\$[-_\w]+\}))/i;
-	var operator = /[-+*\/%]|[=!]=|<=?|>=?|\b(?:and|or|not)\b/;
+	var operator = [
+		/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|or|not)\b/,
+		{
+			pattern: /(\s+)-(?=\s)/,
+			lookbehind: true
+		}
+	];
 
 	Prism.languages.insertBefore('sass', 'property', {
 		// We want to consume the whole line

diff --git a/components/prism-sass.min.js b/components/prism-sass.min.js
diff --git a/tests/languages/sass/property-line_feature.test b/tests/languages/sass/property-line_feature.test
@@ -1,6 +1,7 @@
 foo: bar
 	color: $color !important
 -moz-border-radius: 10px
+transition-timing-function: ease-in-out
 
 	:color #{$color}
 :font-size 0.5em + 3em
@@ -24,6 +25,11 @@ foo: bar
 		["punctuation", ":"],
 		" 10px"
 	]],
+	["property-line", [
+		["property", "transition-timing-function"],
+		["punctuation", ":"],
+		" ease-in-out"
+	]],
 	["property-line", [
 		["punctuation", ":"],
 		["property", "color"],