xref: /aosp_15_r20/external/perfetto/ui/src/assets/widgets/grid_layout.scss (revision 6dbdd20afdafa5e3ca9b8809fa73465d530080dc)
1// Copyright (C) 2023 The Android Open Source Project
2//
3// Licensed under the Apache License, Version 2.0 (the "License");
4// you may not use this file except in compliance with the License.
5// You may obtain a copy of the License at
6//
7//      http://www.apache.org/licenses/LICENSE-2.0
8//
9// Unless required by applicable law or agreed to in writing, software
10// distributed under the License is distributed on an "AS IS" BASIS,
11// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12// See the License for the specific language governing permissions and
13// limitations under the License.
14
15@import "theme";
16
17$pf-responsive-gutter: 8px;
18
19.pf-grid-layout {
20  display: grid;
21  gap: $pf-responsive-gutter;
22  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
23  margin: $pf-responsive-gutter;
24
25  align-items: start;
26
27  & > .pf-grid-layout-column {
28    display: flex;
29    flex-direction: column;
30    gap: $pf-responsive-gutter;
31  }
32  td {
33    word-break: break-all;
34  }
35}
36