DevTools: Box-shadow editor initial implementation

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

Index: third_party/WebKit/Source/devtools/front_end/ui/slider.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/slider.css b/third_party/WebKit/Source/devtools/front_end/ui/slider.css
new file mode 100644
index 0000000000000000000000000000000000000000..29f40327cff28151c5e5df4bb57b2c9f4a1f8ab8
--- /dev/null
+++ b/third_party/WebKit/Source/devtools/front_end/ui/slider.css
@@ -0,0 +1,44 @@
+/*
+ * 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.
+ */
+
+.dt-range-input {
+    -webkit-appearance: none;
+    margin: 0;
+    padding: 0;
+    height: 12px;
+    width: 88px;
+    outline: none;
+    background: none;
+}
+
+.dt-range-input::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    width: 12px;
+    height: 12px;
+    margin-top: -5px;
+    border-radius: 50%;
+    background-color: #4285F4;
+}
+
+.dt-range-input::-webkit-slider-runnable-track {
+    -webkit-appearance: none;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 2px;
+    background-color: rgba(0, 0, 0, 0.26);
+}
+
+.dt-range-input:focus::-webkit-slider-thumb {
+    box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.4);
+}
+
+.dt-range-input:disabled::-webkit-slider-thumb {
+    background-color: #bdbdbd;
+}