chrome-devtools-frontend/inspector_overlay/tool_source_order.css

Chrome DevTools UI

/*
 * Copyright 2021 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.
 */

:root {
  --border-radius: 4px;
}

.source-order-label-container {
  display: block;
  min-width: 20px;
  position: absolute;
  text-align: center;
  align-items: center;
  background-color: #fff;
  font-family: Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
  border: 1.5px solid;
}

.top-corner {
  border-bottom-right-radius: var(--border-radius);
}

.bottom-corner {
  border-top-right-radius: var(--border-radius);
}

.above-element {
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.below-element {
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.above-element-wider {
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.below-element-wider {
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

.bottom-corner-wider {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.bottom-corner-taller {
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.bottom-corner-wider-taller {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}