DevTools: [Styles] Add "px" suffix to numbers on arrow up/down

Source/devtools/front_end/sdk/CSSMetadata.js

Index: Source/devtools/front_end/sdk/CSSMetadata.js
diff --git a/Source/devtools/front_end/sdk/CSSMetadata.js b/Source/devtools/front_end/sdk/CSSMetadata.js
index c6e0da717fe6f390ef2e0ef2126735fa8ea0e52c..8b778562b6af4fee8fe7dc3bf9a5e4a33ee7c130 100644
--- a/Source/devtools/front_end/sdk/CSSMetadata.js
+++ b/Source/devtools/front_end/sdk/CSSMetadata.js
@@ -89,6 +89,17 @@ WebInspector.CSSMetadata.colors = function()
     return WebInspector.CSSMetadata._colorsKeySet;
 }
 
+/**
+ * @param {string} propertyName
+ * @return {boolean}
+ */
+WebInspector.CSSMetadata.isLengthProperty = function(propertyName)
+{
+    if (!WebInspector.CSSMetadata._distancePropertiesKeySet)
+        WebInspector.CSSMetadata._distancePropertiesKeySet = WebInspector.CSSMetadata._distanceProperties.keySet();
+    return WebInspector.CSSMetadata._distancePropertiesKeySet[propertyName] || propertyName.startsWith("margin") || propertyName.startsWith("padding") || propertyName.indexOf("width") !== -1;
+}
+
 // Taken from http://www.w3.org/TR/CSS21/propidx.html.
 WebInspector.CSSMetadata.InheritedProperties = [
     "azimuth", "border-collapse", "border-spacing", "caption-side", "color", "cursor", "direction", "elevation",
@@ -151,6 +162,11 @@ WebInspector.CSSMetadata._colors = [
     "wheat", "whitesmoke", "yellowgreen"
 ];
 
+WebInspector.CSSMetadata._distanceProperties = [
+    'background-position', 'border-spacing', 'bottom', 'font-size', 'height', 'left', 'letter-spacing', 'line-height', 'max-height', 'max-width', 'min-height',
+    'min-width', 'right', 'text-indent', 'top', 'width', 'word-spacing'
+];
+
 WebInspector.CSSMetadata._colorAwareProperties = [
     "background", "background-color", "background-image", "border", "border-color", "border-top", "border-right", "border-bottom",
     "border-left", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "box-shadow", "color",