DevTools: introduce "Track CSS Usage" experiment

third_party/WebKit/Source/devtools/front_end/text_editor/cmdevtools.css

Index: third_party/WebKit/Source/devtools/front_end/text_editor/cmdevtools.css
diff --git a/third_party/WebKit/Source/devtools/front_end/text_editor/cmdevtools.css b/third_party/WebKit/Source/devtools/front_end/text_editor/cmdevtools.css
index 4f7d1fcd436e6499fc05745867c05b77bbde5c5e..b28f164b2d46a6cce29b71a77f5fedc11a02a09f 100644
--- a/third_party/WebKit/Source/devtools/front_end/text_editor/cmdevtools.css
+++ b/third_party/WebKit/Source/devtools/front_end/text_editor/cmdevtools.css
@@ -14,6 +14,16 @@
     margin-left: 3px;
 }
 
+.CodeMirror-gutter-cssTracking {

[caseq, 2016/11/04 21:10:02]

I don't think that CodeMirror should be concerned with CSS rule usage tracking.

+    width: 20px;
+    background-color: white;
+    margin-left: 3px;
+}
+
+.CodeMirror-gutter-cssTracking::after{
+    content: " ";
+}
+
 .CodeMirror .source-frame-eval-expression {
     outline: 0;
     border: 1px solid rgb(163, 41, 34);
@@ -268,6 +278,16 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
     padding-right: 3px;
 }
 
+.CodeMirror .text-editor-line-marker-cssTracking {
+    text-align: right;
+    padding-right: 3px;
+    background-color: red;
+}
+
+.CodeMirror .text-editor-line-marker-cssTracking::after{
+    content: " ";
+}
+
 .CodeMirror .text-editor-line-decoration {
     position: absolute;
 }
@@ -378,4 +398,4 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
 .CodeMirror textarea {
     resize: none;
     overflow: hidden;
-}
+}