DevTools: split platformFontsWidget.css out of elementsPanel.css

third_party/WebKit/Source/devtools/front_end/elements/platformFontsWidget.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.
+ */
+
+.platform-fonts {
+    -webkit-user-select: text;
+}
+
+.platform-fonts .font-name {
+    font-weight: bold;
+}
+
+.platform-fonts .font-usage {
+    color: #888;
+    padding-left: 3px;
+}
+
+.platform-fonts .sidebar-separator {

[dgozman, 2016/03/16 18:59:07]

Remove all .platform-fonts prefixes except maybe this one?

[lushnikov, 2016/03/16 20:18:19]

Removed all of them. Merged sidebar-separator styles in this rule as well - they
shouldn't be shared.

+    height: 24px;
+    background-color: #f1f1f1;
+    border-color: #ddd;
+    display: flex;
+    align-items: center;
+}
+
+.platform-fonts .stats-section {
+    margin: 5px 0;
+}
+
+.platform-fonts .font-stats-item {
+    padding-left: 1em;
+}
+
+.platform-fonts .font-stats-item .font-delimeter {
+    margin: 0 1ex 0 1ex;
+}
+