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..7e974d74c8735c168f913f0cc31924b8dc09b64a
--- /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);

[dgozman, 2016/08/24 19:18:31]

style: indentation

[flandy, 2016/08/24 22:08:41]

Done.

+}
+
+.dt-range-input:disabled::-webkit-slider-thumb {
+  background-color: #bdbdbd;

[dgozman, 2016/08/24 19:18:31]

style: indentation

[flandy, 2016/08/24 22:08:41]

Done.

+}