mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-01 01:38:07 +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>
42 lines
736 B
CSS
42 lines
736 B
CSS
/*
|
|
* Copyright 2019 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.
|
|
*/
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 13px;
|
|
color: #222;
|
|
}
|
|
|
|
body.platform-linux {
|
|
font-family: Roboto, Ubuntu, Arial, sans-serif;
|
|
}
|
|
|
|
body.platform-mac {
|
|
color: rgb(48 57 66);
|
|
font-family: '.SFNSDisplay-Regular', 'Helvetica Neue', 'Lucida Grande', sans-serif;
|
|
}
|
|
|
|
body.platform-windows {
|
|
font-family: 'Segoe UI', Tahoma, sans-serif;
|
|
}
|
|
|
|
.fill {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
|
|
#canvas {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.hidden {
|
|
display: none !important; /* stylelint-disable-line declaration-no-important */
|
|
}
|