DevTools: improve SCSS parser to correctly handle variable expansions

third_party/WebKit/Source/devtools/front_end/sass/SASSSupport.js

Index: third_party/WebKit/Source/devtools/front_end/sass/SASSSupport.js
diff --git a/third_party/WebKit/Source/devtools/front_end/sass/SASSSupport.js b/third_party/WebKit/Source/devtools/front_end/sass/SASSSupport.js
index 7120d7f5a16e96014a63efd7c3e5693016a4291f..01adb686ba177e53f5be3e69fc494aa7e04aa0fc 100644
--- a/third_party/WebKit/Source/devtools/front_end/sass/SASSSupport.js
+++ b/third_party/WebKit/Source/devtools/front_end/sass/SASSSupport.js
@@ -70,7 +70,7 @@ WebInspector.SASSSupport.SCSSParserStates = {
     VariableValue: "VariableValue",
     MixinName: "MixinName",
     MixinValue: "MixinValue",
-    Media: "Media",
+    Media: "Media"
 }
 
 /**
@@ -139,7 +139,9 @@ WebInspector.SASSSupport._innerParseSCSS = function(document, tokenizerFactory)
             }
             break;
         case States.VariableName:
-            if (tokenValue === ")" && tokenType === UndefTokenType) {
+            if (tokenValue === "}" && tokenType === UndefTokenType) {
+                state = States.Initial;
+            } else if (tokenValue === ")" && tokenType === UndefTokenType) {
                 state = States.Initial;
             } else if (tokenValue === ":" && tokenType === UndefTokenType) {
                 state = States.VariableValue;