mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-09-30 01:07:01 +08:00
Tim van der Lippe
af02decd68
To make sure that any newly written CSS files for new components do not use !important, since they will be using shadow DOM. Moreover, !important is usually an anti-pattern that makes it harder to reason about CSS cascading. It is also disallowed internally at Google. R=jacktfranklin@chromium.org Bug: none Change-Id: Idcd2c90d01ff2e782a02d0a4631be384b1a3ca74 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2871716 Auto-Submit: Tim van der Lippe <tvanderlippe@chromium.org> Reviewed-by: Jack Franklin <jacktfranklin@chromium.org> Reviewed-by: Mathias Bynens <mathias@chromium.org> Commit-Queue: Mathias Bynens <mathias@chromium.org>
90 lines
2.6 KiB
CSS
90 lines
2.6 KiB
CSS
/*
|
|
* Copyright (c) 2017 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.
|
|
*/
|
|
|
|
[slot=insertion-point-main] {
|
|
flex-direction: column;
|
|
display: flex;
|
|
}
|
|
|
|
[slot=insertion-point-sidebar] {
|
|
overflow: auto;
|
|
}
|
|
|
|
.editor-container {
|
|
flex: 1;
|
|
}
|
|
|
|
:focus.selected {
|
|
background-color: var(--legacy-selection-bg-color);
|
|
color: #fff; /* stylelint-disable-line plugin/use_theme_colors */
|
|
/* See: crbug.com/1152736 for color variable migration. */
|
|
}
|
|
|
|
.CodeMirror-lines:not(:active) {
|
|
cursor: default !important; /* stylelint-disable-line declaration-no-important */
|
|
}
|
|
|
|
.CodeMirror-line:hover {
|
|
cursor: default !important; /* stylelint-disable-line declaration-no-important */
|
|
background-color: rgb(0 0 255 / 5%); /* stylelint-disable-line plugin/use_theme_colors */
|
|
/* See: crbug.com/1152736 for color variable migration. */
|
|
}
|
|
|
|
.CodeMirror .CodeMirror-linebackground.spacer {
|
|
text-align: center;
|
|
color: rgb(0 0 0 / 50%); /* stylelint-disable-line plugin/use_theme_colors */
|
|
/* See: crbug.com/1152736 for color variable migration. */
|
|
background-color: rgb(0 0 255 / 10%); /* stylelint-disable-line plugin/use_theme_colors */
|
|
/* See: crbug.com/1152736 for color variable migration. */
|
|
}
|
|
|
|
.CodeMirror .equal > span > span {
|
|
opacity: 50%;
|
|
}
|
|
|
|
.CodeMirror .CodeMirror-selectedtext:not(.CodeMirror-persist-highlight) {
|
|
opacity: 100%;
|
|
}
|
|
|
|
.CodeMirror .CodeMirror-linebackground.addition,
|
|
.-theme-preserve,
|
|
.changes-diff-gutter-marker.addition {
|
|
background-color: hsl(144deg 55% 49% / 20%); /* stylelint-disable-line plugin/use_theme_colors */
|
|
/* See: crbug.com/1152736 for color variable migration. */
|
|
}
|
|
|
|
.CodeMirror .CodeMirror-linebackground.deletion,
|
|
.-theme-preserve,
|
|
.changes-diff-gutter-marker.deletion {
|
|
background-color: rgb(255 0 0 / 20%); /* stylelint-disable-line plugin/use_theme_colors */
|
|
/* See: crbug.com/1152736 for color variable migration. */
|
|
}
|
|
|
|
.CodeMirror .addition .cm-inner-diff:not(.CodeMirror-selectedtext),
|
|
.-theme-preserve {
|
|
background-color: hsl(144deg 55% 49% / 30%); /* stylelint-disable-line plugin/use_theme_colors */
|
|
/* See: crbug.com/1152736 for color variable migration. */
|
|
}
|
|
|
|
.CodeMirror .deletion .cm-inner-diff:not(.CodeMirror-selectedtext),
|
|
.-theme-preserve {
|
|
background-color: rgb(255 0 0 / 30%); /* stylelint-disable-line plugin/use_theme_colors */
|
|
/* See: crbug.com/1152736 for color variable migration. */
|
|
}
|
|
|
|
.changes-toolbar {
|
|
background-color: var(--color-background-elevation-1);
|
|
border-top: var(--legacy-divider-border);
|
|
}
|
|
|
|
.changes-diff-gutter {
|
|
width: 20px;
|
|
}
|
|
|
|
.changes-diff-gutter-marker {
|
|
text-align: center;
|
|
}
|