image-builder-frontend/src/AppCockpit.scss at main · tkoscieln/image-builder-frontend · GitHub

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
@font-face {
  font-family: 'Red Hat Text';
  font-style: normal;
  font-weight: 400 500;
  src: url('/cockpit/static/fonts/RedHatText/RedHatTextVF.woff2')
    format('woff2-variations');
  font-display: fallback;
}

@font-face {
  font-family: 'Red Hat Text';
  font-style: italic;
  font-weight: 400 500;
  src: url('/cockpit/static/fonts/RedHatText/RedHatTextVF-Italic.woff2')
    format('woff2-variations');
  font-display: fallback;
}

@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 400 700;
  src: url('/cockpit/static/fonts/RedHatDisplay/RedHatDisplayVF.woff2')
    format('woff2-variations');
  font-display: fallback;
}

@font-face {
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 400 700;
  src: url('/cockpit/static/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2')
    format('woff2-variations');
  font-display: fallback;
}

@font-face {
  font-family: RedHatText;
  font-style: normal;
  font-weight: 400;
  src: url('/cockpit/static/fonts/RedHatText-Regular.woff2') format('woff2');
  font-display: fallback;
}

@font-face {
  font-family: RedHatText;
  font-style: normal;
  font-weight: 700;
  src: url('/cockpit/static/fonts/RedHatText-Medium.woff2') format('woff2');
  font-display: fallback;
}

// Override as PF Page doesn't allow empty masthead and sidebar
@media (min-width: 75rem) {
  .pf-v6-c-page.no-masthead-sidebar {
    /* custom class to scope this style to a specific page component instance */
    --pf-v6-c-page__main-container--GridArea: var(
      --pf-v6-c-page--masthead--main-container--GridArea
    );
  }
}

.pf-v6-c-page__main-section {
  padding-inline: 0;
  padding-block-start: 0;
  margin: 15px;
}

.pf-v6-c-page__main > section.pf-v6-c-page__main-section:not(.pf-m-padding) {
  padding-inline: 0;
}

.pf-v6-c-wizard {
  min-height: 80vh;
}

.pf-v6-c-card {
  &.pf-m-clickable::before,
  &.pf-m-selectable::before {
    border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle)
      var(--pf-v6-c-card--BorderWidth) !important;
  }
}