mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-14 18:45:00 +08:00
R=tvanderlippe@chromium.org Bug: 1241848 Change-Id: I8dd11ed4a418cce74095e99c839d831812b57e35 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3217626 Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org> Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
74 lines
1.6 KiB
CSS
74 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.
|
|
*/
|
|
|
|
.diff-listing {
|
|
display: grid;
|
|
grid-template-columns: max-content max-content max-content auto;
|
|
font-family: var(--source-code-font-family);
|
|
font-size: var(--source-code-font-size);
|
|
white-space: pre;
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
.diff-line-number {
|
|
color: var(--color-line-number);
|
|
padding: 0 3px 0 9px;
|
|
text-align: right;
|
|
}
|
|
|
|
.diff-line-marker {
|
|
border-right: 1px solid var(--color-details-hairline);
|
|
width: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.diff-line-content {
|
|
padding: 0 4px;
|
|
}
|
|
|
|
.diff-line-marker-addition,
|
|
.diff-line-addition {
|
|
--override-addition-background-color: hsl(144deg 55% 49% / 20%);
|
|
|
|
background-color: var(--override-addition-background-color);
|
|
}
|
|
|
|
.diff-line-marker-deletion,
|
|
.diff-line-deletion {
|
|
--override-deletion-background-color: rgb(255 0 0 / 20%);
|
|
|
|
background-color: var(--override-deletion-background-color);
|
|
}
|
|
|
|
.diff-line-addition .inner-diff {
|
|
--override-addition-inner-diff-background-color: hsl(144deg 55% 49% / 30%);
|
|
|
|
background-color: var(--override-addition-inner-diff-background-color);
|
|
}
|
|
|
|
.diff-line-deletion .inner-diff {
|
|
--override-deletion-inner-diff-background-color: rgb(255 0 0 / 30%);
|
|
|
|
background-color: var(--override-deletion-inner-diff-background-color);
|
|
}
|
|
|
|
.diff-hidden-text {
|
|
display: inline-block;
|
|
width: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.diff-line-equal {
|
|
opacity: 50%;
|
|
}
|
|
|
|
.diff-line-spacer {
|
|
--override-spacer-background-color: rgb(0 0 255 / 10%);
|
|
|
|
text-align: center;
|
|
background-color: var(--override-spacer-background-color);
|
|
}
|