chrome-devtools-frontend

Version:
Chrome DevTools UI
devtools.chrome.com
50 lines (41 loc) • 966 B
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.
 */

:host {
  margin: 0;
  padding: var(--sys-size-2) var(--sys-size-3);
  min-height: 18px;
}

.tree-outline {
  padding: 0;
}

.tree-outline li {
  margin-left: var(--sys-size-7);
  user-select: text;
}

.tree-outline li.parent {
  margin-left: var(--sys-size-1);
}

.tree-outline li:not(.parent)::before {
  display: none;
}

.breakpoint-hit {
  background-color: var(--sys-color-yellow-container);
  color: var(--sys-color-on-yellow-container);
}

.breakpoint-hit-marker {
  background-color: var(--sys-color-yellow-container);
  border-right: 3px solid var(--sys-color-yellow-outline);
  color: var(--sys-color-on-yellow-container);
  height: 100%;
  left: 0;
  margin-left: -30px;
  position: absolute;
  right: calc(-1 * var(--sys-size-3));
  z-index: -1;
}

devtools-checkbox.source-code {
  max-width: 100%;
}