DevTools: Create 2D slider for shadow-editor offset

third_party/WebKit/Source/devtools/front_end/ui/cssShadowEditor.css

 /*
  * Copyright 2016 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 :host {
     -webkit-user-select: none;
     padding: 4px 12px 12px 12px;
 }
 
 .shadow-editor-field {
+    height: 24px;
     margin-top: 8px;
     font-size: 12px;
 }
 
+.shadow-editor-blur-field {
+    height: 24px;
+    margin-top: 40px;
+    font-size: 12px;
+}
+
+.shadow-editor-2D-slider {
+    position: absolute;
+    height: 88px;
+    width: 88px;
+    border: 1px solid rgba(0, 0, 0, 0.14);
+    border-radius: 2px;
+}
+
 .shadow-editor-label {
     display: inline-block;
     width: 52px;
     height: 24px;
     line-height: 24px;
     margin-right: 8px;
     text-align: right;
 }
 
 .shadow-editor-button-left, .shadow-editor-button-right {
@@ skipping 35 matching lines @@
 .shadow-editor-text-input {
     -webkit-appearance: none;
     box-sizing: border-box;
     width: 52px;
     height: 24px;
     margin-right: 8px;
     padding: 3px 7px;
     line-height: 16px;
     border: 1px solid rgba(0, 0, 0, 0.14);
     border-radius: 2px;
-    border-color: rgba(0, 0, 0, 0.14);
     background-color: #ffffff;
     color: #333;
     text-align: right;
 }
 
 .shadow-editor-text-input:focus {
     border-color: #4285F4;
 }
 
 .shadow-editor-text-input.invalid {
     border-color: #E67C73;
 }