Files
react-native-devtools-frontend/front_end/panels/elements/classesPaneWidget.css
T
Kriti Sapra ba35875dfb Edited ClassesPaneWidget.css to use CSS variables
Bug: 1152736
Change-Id: I7ab9628d47b3040f37fe1af8bd6fd0054896ddbe
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2905508
Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
Commit-Queue: Kriti Sapra <kritisapra@google.com>
2021-05-20 11:46:05 +00:00

38 lines
884 B
CSS

/**
* Copyright 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.
*/
.styles-element-classes-pane {
background-color: var(--color-background-elevation-1);
border-bottom: 1px solid var(--color-details-hairline);
padding: 6px 2px 2px;
}
.styles-element-classes-container {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.styles-element-classes-pane [is=dt-checkbox] {
margin-right: 15px;
}
.styles-element-classes-pane .title-container {
padding-bottom: 2px;
}
.styles-element-classes-pane .new-class-input {
padding-left: 3px;
padding-right: 3px;
overflow: hidden;
border: 1px solid var(--input-outline);
line-height: 15px;
margin-left: 3px;
width: calc(100% - 7px);
background-color: var(--color-background);
cursor: text;
}