Devtools: [LayoutEditor] highlight changed value in the SSP

Source/devtools/front_end/elements/StylesSidebarPane.js

Index: Source/devtools/front_end/elements/StylesSidebarPane.js
diff --git a/Source/devtools/front_end/elements/StylesSidebarPane.js b/Source/devtools/front_end/elements/StylesSidebarPane.js
index 6ba5681be5c60907561eefc1d2e4149ee8cb997b..6298a503077ea9e4f19a304a1917bcbbbef03f8f 100644
--- a/Source/devtools/front_end/elements/StylesSidebarPane.js
+++ b/Source/devtools/front_end/elements/StylesSidebarPane.js
@@ -62,6 +62,7 @@ WebInspector.StylesSidebarPane = function(requestShowCallback)
     this.element.addEventListener("mousemove", this._mouseMovedOverElement.bind(this), false);
     this._keyDownBound = this._keyDown.bind(this);
     this._keyUpBound = this._keyUp.bind(this);
+    new WebInspector.PropertyChangeHighlighter(this);
 }
 
 // Keep in sync with ComputedStyleConstants.h PseudoId enum. Array below contains pseudo id names for corresponding enum indexes.
@@ -847,6 +848,14 @@ WebInspector.StylesSidebarPane.prototype = {
         }
     },
 
+    /**
+     * @return {!Array<!WebInspector.SectionBlock>}
+     */
+    sectionBlocks: function()
+    {
+        return this._sectionBlocks || [];
+    },
+
     __proto__: WebInspector.ElementsSidebarPane.prototype
 }