chrome-devtools-frontend

Version:
Chrome DevTools UI
devtools.chrome.com
56 lines (44 loc) • 1.06 kB
CSS
/*
 * Copyright 2016 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

@scope to (devtools-widget > *) {
.tree-outline ol {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-inline-start: var(--sys-size-8);
}

ol.tree-outline {
  padding-inline-start: 0;
}

.tree-outline li {
  min-height: var(--sys-size-6);
}

::part(shadow-xml-view-close-tag) {
  margin-left: calc(-1 * var(--sys-size-8));
}

::part(shadow-xml-view-close-tag),::part(shadow-xml-view-tag) {
  color: var(--sys-color-purple);
}

::part(shadow-xml-view-comment) {
  color: var(--sys-color-green);
}

::part(shadow-xml-view-processing-instruction) {
  color: var(--sys-color-green);
}

::part(shadow-xml-view-attribute-name) {
  color: var(--sys-color-orange);
}

::part(shadow-xml-view-attribute-value) {
  color: var(--sys-color-blue);
}

::part(shadow-xml-view-text) {
  color: var(--sys-color-on-surface);
  white-space: pre;
}

::part(shadow-xml-view-cdata) {
  color: var(--sys-color-on-surface);
}
}