mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-06 12:01:40 +08:00
Tim van der Lippe
a53672de83
This mirrors the license header checks we perform for Python-like files and apply the same logic for CSS. To do so, we modify the relevant regexes and patch function to use the correct version of comment structure for CSS files (which use `/*` rather than `#` as delimiters). R=jacktfranklin@chromium.org Bug: 1106746 Change-Id: I51d51e9b793a1015aeb20a3b3a55e075c2ee748f Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3014756 Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org> Auto-Submit: Tim van der Lippe <tvanderlippe@chromium.org> Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
70 lines
1.6 KiB
CSS
70 lines
1.6 KiB
CSS
/*
|
|
* 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);
|
|
}
|