Sass: Highlight "-" as operator only if surrounded by spaces, in order to not break hyphenated values (e.g. "ease-in-out")

Author: Golmote

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

components/prism-sass.min.js

@@ -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"],