File: ct-card.scss

package info (click to toggle)
cockpit 356-1
  • links: PTS, VCS
  • area: main
  • in suites: forky, sid
  • size: 317,176 kB
  • sloc: javascript: 775,374; python: 41,133; ansic: 33,875; cpp: 11,141; sh: 3,534; makefile: 581; xml: 262
file content (35 lines) | stat: -rw-r--r-- 1,020 bytes parent folder | download | duplicates (8)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
/* SPDX-License-Identifier: LGPL-2.1-or-later */
@use "_global-variables.scss" as *;

/* Rely on the margin from the Card for spacing */
.ct-card.pf-v6-c-card .table {
  margin-block-end: 0;
}

.ct-card.pf-v6-c-card .pf-v6-c-card__title-text {
  font-weight: normal;
  font-size: var(--pf-t--global--font--size--2xl);
}

.ct-cards-grid {
  --ct-grid-columns: 2;
  --pf-v6-l-gallery--GridTemplateColumns: repeat(var(--ct-grid-columns), 1fr);

  > .pf-v6-c-card:not(.ct-card-info) {
    // Extend all non-info cards to be full width;
    // let ct-card-info fit 1 column of the grid
    grid-column: 1 / -1;
  }

  @media screen and (max-width: $pf-v6-global--breakpoint--lg) {
    // Shrink to 1 column when space is constrained
    --ct-grid-columns: 1;
  }
}

// Remove redundant padding from embedded toolbars (handled by header)
// Toolbars in card headers are not a common scenario so no need to upstream this
.ct-card.pf-v6-c-card .pf-v6-c-toolbar,
.ct-card.pf-v6-c-card .pf-v6-c-toolbar__content {
  padding: 0;
}