SCSS: Highlight parent selector

PrismJS · Jul 7, 2016 · 8f5f1fa · 8f5f1fa
1 parent 13fed76
commit 8f5f1fa
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/components/prism-scss.js b/components/prism-scss.js
@@ -23,6 +23,10 @@ Prism.languages.scss = Prism.languages.extend('css', {
 		// Initial look-ahead is used to prevent matching of blank selectors
 		pattern: /(?=\S)[^@;\{\}\(\)]?([^@;\{\}\(\)]|&|#\{\$[-_\w]+\})+(?=\s*\{(\}|\s|[^\}]+(:|\{)[^\}]+))/m,
 		inside: {
+			'parent': {
+				pattern: /&/,
+				alias: 'important'
+			},
 			'placeholder': /%[-_\w]+/,
 			'variable': /\$[-_\w]+|#\{\$[-_\w]+\}/
 		}

diff --git a/components/prism-scss.min.js b/components/prism-scss.min.js
diff --git a/tests/languages/scss/selector_feature.test b/tests/languages/scss/selector_feature.test
@@ -12,8 +12,8 @@ p, div {}
 	["selector", ["a "]], ["punctuation", "{"], ["punctuation", "}"],
 	["selector", ["p, div "]], ["punctuation", "{"], ["punctuation", "}"],
 	["selector", ["#foobar .foo "]], ["punctuation", "{"], ["punctuation", "}"],
-	["selector", ["&:hover "]], ["punctuation", "{"], ["punctuation", "}"],
-	["selector", ["&-sidebar "]], ["punctuation", "{"], ["punctuation", "}"],
+	["selector", [["parent", "&"], ":hover "]], ["punctuation", "{"], ["punctuation", "}"],
+	["selector", [["parent", "&"], "-sidebar "]], ["punctuation", "{"], ["punctuation", "}"],
 	["selector", ["#context a", ["placeholder", "%extreme"]]], ["punctuation", "{"], ["punctuation", "}"],
 	["selector", [["variable", "#{$selector}"], ":before "]], ["punctuation", "{"], ["punctuation", "}"]
 ]