Fix SCSS media queries

PrismJS · Jul 8, 2015 · bf8e032 · bf8e032
1 parent 588251a
commit bf8e032
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/components/prism-scss.js b/components/prism-scss.js
@@ -5,7 +5,13 @@ Prism.languages.scss = Prism.languages.extend('css', {
 	},
 	// aturle is just the @***, not the entire rule (to highlight var & stuffs)
 	// + add ability to highlight number & unit for media queries
-	'atrule': /@[\w-]+.*?(?=\s+(\(|\{|;))/i,
+	'atrule': {
+		pattern: /@[\w-]+(?:\([^()]+\)|[^(])*?(?=\s+(\{|;))/i,
+		inside: {
+			'property': Prism.languages.css.property,
+			'punctuation': /[():]/
+		}
+	},
 	// url, compassified
 	'url': /([-a-z]+-)*url(?=\()/i,
 	// CSS selector regex is not appropriate for Sass

diff --git a/components/prism-scss.min.js b/components/prism-scss.min.js