@patternfly/quickstarts 2.3.1 → 2.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/ConsoleShared/src/components/status/NotStartedIcon.d.ts +0 -1
  2. package/dist/index.es.js +145 -123
  3. package/dist/index.es.js.map +1 -1
  4. package/dist/index.js +145 -123
  5. package/dist/index.js.map +1 -1
  6. package/dist/patternfly-global.css +890 -419
  7. package/dist/patternfly-nested.css +12276 -7322
  8. package/dist/quickstarts-base.css +866 -667
  9. package/dist/quickstarts-full.es.js +3915 -2179
  10. package/dist/quickstarts-full.es.js.map +1 -1
  11. package/dist/quickstarts-standalone.css +848 -622
  12. package/dist/quickstarts-standalone.min.css +2 -2
  13. package/dist/quickstarts-vendor.css +84 -55
  14. package/dist/quickstarts.css +949 -722
  15. package/dist/quickstarts.min.css +1 -1
  16. package/dist/utils/quick-start-context.d.ts +1 -1
  17. package/dist/utils/quick-start-types.d.ts +0 -1
  18. package/package.json +10 -10
  19. package/src/ConsoleInternal/components/catalog/_catalog.scss +7 -5
  20. package/src/ConsoleShared/src/components/markdown-extensions/admonition-extension.tsx +3 -2
  21. package/src/QuickStartPanelContent.tsx +15 -2
  22. package/src/catalog/QuickStartTile.tsx +7 -0
  23. package/src/catalog/QuickStartTileHeader.tsx +2 -1
  24. package/src/controller/QuickStartTaskHeader.tsx +8 -1
  25. package/src/styles/legacy-bootstrap/_code.scss +4 -2
  26. package/src/styles/legacy-bootstrap/_type.scss +8 -6
  27. package/src/styles/patternfly-nested.scss +9 -9
  28. package/src/utils/quick-start-context.tsx +2 -2
package/dist/quickstarts-base.css CHANGED
@@ -1,370 +1,460 @@
1
1
  .pfext-quick-start-panel-content__body dl {
2
- margin: 0px; }
3
-
2
+ margin: 0px;
3
+ }
4
4
  .pfext-quick-start-panel-content__body dt {
5
- font-weight: var(--pf-global--FontWeight--bold); }
6
-
5
+ font-weight: var(--pf-global--FontWeight--bold);
6
+ }
7
7
  .pfext-quick-start-panel-content__body dd {
8
- margin-bottom: 20px; }
9
-
8
+ margin-bottom: 20px;
9
+ }
10
10
  .pfext-quick-start-panel-content__body dd:last-child {
11
- margin-bottom: 0px; }
12
-
13
- .pfext-quick-start-panel-content__body input[type="number"] {
11
+ margin-bottom: 0px;
12
+ }
13
+ .pfext-quick-start-panel-content__body input[type=number] {
14
14
  -webkit-appearance: textfield;
15
15
  appearance: textfield;
16
- max-width: 100px; }
17
- .pfext-quick-start-panel-content__body input[type="number"]::-webkit-inner-spin-button, .pfext-quick-start-panel-content__body input[type="number"]::-webkit-outer-spin-button {
18
- -webkit-appearance: none; }
19
-
20
- .pfext-quick-start-panel-content__body input[type="radio"] {
21
- margin-right: 7px; }
22
-
16
+ max-width: 100px;
17
+ }
18
+ .pfext-quick-start-panel-content__body input[type=number]::-webkit-inner-spin-button, .pfext-quick-start-panel-content__body input[type=number]::-webkit-outer-spin-button {
19
+ -webkit-appearance: none;
20
+ }
21
+ .pfext-quick-start-panel-content__body input[type=radio] {
22
+ margin-right: 7px;
23
+ }
23
24
  .pfext-quick-start-panel-content__body .pf-c-list {
24
- --pf-c-list--PaddingLeft: 20px; }
25
+ --pf-c-list--PaddingLeft: 20px;
26
+ }
25
27
 
26
28
  .pfext-quick-start-panel-content__header,
27
29
  .pfext-quick-start-panel-content__body,
28
30
  .pfext-page-layout__content,
29
31
  .pfext-popover__base {
30
32
  --pf-global--FontSize--md: 14px;
31
- --pf-global--FontSize--sm: 13px; }
32
- .pfext-quick-start-panel-content__header ul,
33
- .pfext-quick-start-panel-content__body ul,
34
- .pfext-page-layout__content ul,
35
- .pfext-popover__base ul {
36
- list-style-type: disc; }
37
- .pfext-quick-start-panel-content__header input[type='radio'],
38
- .pfext-quick-start-panel-content__header input[type='checkbox'],
39
- .pfext-quick-start-panel-content__body input[type='radio'],
40
- .pfext-quick-start-panel-content__body input[type='checkbox'],
41
- .pfext-page-layout__content input[type='radio'],
42
- .pfext-page-layout__content input[type='checkbox'],
43
- .pfext-popover__base input[type='radio'],
44
- .pfext-popover__base input[type='checkbox'] {
45
- margin-top: 1px !important; }
33
+ --pf-global--FontSize--sm: 13px;
34
+ }
35
+ .pfext-quick-start-panel-content__header ul,
36
+ .pfext-quick-start-panel-content__body ul,
37
+ .pfext-page-layout__content ul,
38
+ .pfext-popover__base ul {
39
+ list-style-type: disc;
40
+ }
41
+ .pfext-quick-start-panel-content__header input[type=radio],
42
+ .pfext-quick-start-panel-content__header input[type=checkbox],
43
+ .pfext-quick-start-panel-content__body input[type=radio],
44
+ .pfext-quick-start-panel-content__body input[type=checkbox],
45
+ .pfext-page-layout__content input[type=radio],
46
+ .pfext-page-layout__content input[type=checkbox],
47
+ .pfext-popover__base input[type=radio],
48
+ .pfext-popover__base input[type=checkbox] {
49
+ margin-top: 1px !important;
50
+ }
46
51
 
47
52
  .pf-theme-dark .pfext-catalog-item-icon__img--large {
48
- filter: brightness(1.5) invert(1) hue-rotate(180deg) saturate(4); }
49
-
53
+ filter: brightness(1.5) invert(1) hue-rotate(180deg) saturate(4);
54
+ }
50
55
  .pf-theme-dark .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__duration {
51
- color: var(--pf-global--Color--light-100); }
52
-
56
+ color: var(--pf-global--Color--light-100);
57
+ }
53
58
  .pf-theme-dark .pfext-quick-start-task-header__subtitle {
54
- color: var(--pf-global--palette--black-200) !important; }
55
-
59
+ color: var(--pf-global--palette--black-200) !important;
60
+ }
56
61
  .pf-theme-dark .pfext-quick-start-task-header__task-icon-init {
57
- background-color: var(--pf-global--primary-color--300); }
58
-
62
+ background-color: var(--pf-global--primary-color--300);
63
+ }
59
64
  .pf-theme-dark .pfext-quick-start-task-header__tryagain {
60
- color: var(--pf-global--palette--black-200) !important; }
61
-
65
+ color: var(--pf-global--palette--black-200) !important;
66
+ }
62
67
  .pf-theme-dark .pfext-markdown-view pre {
63
68
  background-color: var(--pf-global--BackgroundColor--100);
64
- border-color: var(--pf-global--BorderColor--100); }
65
-
69
+ border-color: var(--pf-global--BorderColor--100);
70
+ }
66
71
  .pf-theme-dark .pfext-markdown-view code {
67
72
  color: var(--pf-global--Color--100);
68
- background-color: var(--pf-global--palette--black-600); }
69
-
73
+ background-color: var(--pf-global--palette--black-600);
74
+ }
70
75
  .pf-theme-dark .pfext-markdown-view .pf-c-code-block,
71
76
  .pf-theme-dark .pfext-markdown-view .pf-c-code-block code {
72
- background-color: var(--pf-global--BackgroundColor--400); }
73
-
77
+ background-color: var(--pf-global--BackgroundColor--400);
78
+ }
74
79
  .pf-theme-dark :where(.pfext-markdown-view) .pf-c-clipboard-copy.pf-m-inline {
75
- --pf-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-global--BackgroundColor--400); }
76
-
80
+ --pf-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-global--BackgroundColor--400);
81
+ }
77
82
  .pf-theme-dark .pfext-page-layout__content {
78
- background-color: var(--pf-global--BackgroundColor--200); }
79
-
83
+ background-color: var(--pf-global--BackgroundColor--200);
84
+ }
80
85
  .pf-theme-dark .pfext-quick-start-catalog__gallery-item .pf-c-card {
81
- --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100); }
82
-
86
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
87
+ }
83
88
  .pf-theme-dark .pf-c-alert {
84
89
  --pf-c-alert--BackgroundColor: var(--pf-global--palette--black-700);
85
90
  --pf-c-alert--m-inline--BackgroundColor: var(--pf-global--palette--black-700);
86
91
  --pf-c-alert--m-inline--m-success--BackgroundColor: var(--pf-global--palette--black-700);
87
92
  --pf-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-global--palette--black-700);
88
93
  --pf-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-global--palette--black-700);
89
- --pf-c-alert--m-inline--m-info--BackgroundColor: var(--pf-global--palette--black-700); }
94
+ --pf-c-alert--m-inline--m-info--BackgroundColor: var(--pf-global--palette--black-700);
95
+ }
90
96
 
91
97
  .pfext-icon-and-text {
92
98
  align-items: baseline;
93
- display: flex; }
94
- .pf-c-label__icon .pfext-icon-and-text {
95
- display: block; }
99
+ display: flex;
100
+ }
101
+ .pf-c-label__icon .pfext-icon-and-text {
102
+ display: block;
103
+ }
96
104
 
97
105
  .pfext-icon-and-text__icon {
98
106
  flex-shrink: 0;
99
- margin-right: 5px; }
107
+ margin-right: 5px;
108
+ }
100
109
 
101
110
  .pfext-markdown-view.is-empty {
102
- color: #999; }
103
-
111
+ color: #999;
112
+ }
104
113
  .pfext-markdown-view table {
105
114
  display: block;
106
115
  margin-bottom: 11.5px;
107
- overflow-x: auto; }
108
-
116
+ overflow-x: auto;
117
+ }
109
118
  .pfext-markdown-view td,
110
119
  .pfext-markdown-view th {
111
120
  border-bottom: 1px solid #ededed;
112
121
  padding: 10px;
113
- vertical-align: top; }
114
-
122
+ vertical-align: top;
123
+ }
115
124
  .pfext-markdown-view th {
116
- padding-top: 0; }
125
+ padding-top: 0;
126
+ }
117
127
 
118
128
  .catalog-item-header-pf-subtitle {
119
- font-size: 13px; }
129
+ font-size: 13px;
130
+ }
120
131
 
121
132
  .catalog-tile-pf-body .catalog-tile-pf-subtitle {
122
- font-size: 13px; }
133
+ font-size: 13px;
134
+ }
123
135
 
124
136
  .pfext-catalog {
125
137
  display: flex;
126
138
  flex-direction: column;
127
139
  min-height: 100%;
128
- min-width: 515px; }
140
+ min-width: 515px;
141
+ }
129
142
 
130
143
  .pfext-catalog-tile-view {
131
144
  display: flex;
132
145
  flex-wrap: wrap;
133
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, 260px) !important; }
146
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, 260px) !important;
147
+ }
134
148
 
135
149
  .pfext-catalog__body {
136
- min-width: 575px; }
137
- @media (min-width: 768px) {
138
- .pfext-catalog__body {
139
- min-width: 590px; } }
150
+ min-width: 575px;
151
+ }
152
+ @media (min-width: 768px) {
153
+ .pfext-catalog__body {
154
+ min-width: 590px;
155
+ }
156
+ }
140
157
 
141
158
  .pfext-catalog-item-details {
142
159
  display: flex;
143
- margin: 0 0 10px; }
144
- .pfext-catalog-item-details__description {
145
- white-space: pre-wrap; }
146
- .pfext-catalog-item-details__kind-label {
147
- font-weight: var(--pf-global--FontWeight--bold); }
148
- .pfext-catalog-item-details__name {
149
- margin-bottom: 10px; }
150
- .pfext-catalog-item-details__provider, .pfext-catalog-item-details__tags {
151
- margin-bottom: 5px; }
152
- .pfext-catalog-item-details__tag {
153
- color: #72767b;
154
- font-size: 13px;
155
- margin-right: 5px;
156
- text-transform: uppercase; }
160
+ margin: 0 0 10px;
161
+ }
162
+ .pfext-catalog-item-details__description {
163
+ white-space: pre-wrap;
164
+ }
165
+ .pfext-catalog-item-details__kind-label {
166
+ font-weight: var(--pf-global--FontWeight--bold);
167
+ }
168
+ .pfext-catalog-item-details__name {
169
+ margin-bottom: 10px;
170
+ }
171
+ .pfext-catalog-item-details__provider, .pfext-catalog-item-details__tags {
172
+ margin-bottom: 5px;
173
+ }
174
+ .pfext-catalog-item-details__tag {
175
+ color: #72767b;
176
+ font-size: 13px;
177
+ margin-right: 5px;
178
+ text-transform: uppercase;
179
+ }
157
180
 
158
181
  .pfext-catalog-item-icon {
159
- padding-right: 10px; }
160
- .pfext-catalog-item-icon__icon {
161
- font-size: 24px; }
162
- .pfext-catalog-item-icon__icon--large {
163
- font-size: 40px; }
164
- .pfext-catalog-item-icon__img {
165
- max-height: 24px;
166
- max-width: 24px; }
167
- .pfext-catalog-item-icon__img[src$='.svg'] {
168
- width: 24px; }
169
- .pfext-catalog-item-icon__img--large {
170
- max-height: 40px;
171
- max-width: 40px; }
172
- .pfext-catalog-item-icon__img--large[src$='.svg'] {
173
- width: 40px; }
182
+ padding-right: 10px;
183
+ }
184
+ .pfext-catalog-item-icon__icon {
185
+ font-size: 24px;
186
+ }
187
+ .pfext-catalog-item-icon__icon--large {
188
+ font-size: 40px;
189
+ }
190
+ .pfext-catalog-item-icon__img {
191
+ max-height: 24px;
192
+ max-width: 24px;
193
+ }
194
+ .pfext-catalog-item-icon__img[src$=".svg"] {
195
+ width: 24px;
196
+ }
197
+ .pfext-catalog-item-icon__img--large {
198
+ max-height: 40px;
199
+ max-width: 40px;
200
+ }
201
+ .pfext-catalog-item-icon__img--large[src$=".svg"] {
202
+ width: 40px;
203
+ }
174
204
 
175
205
  .pfext-catalog-page {
176
206
  background: #fff;
177
207
  border: 1px solid var(--pf-global--BorderColor--300);
178
208
  display: flex;
179
209
  flex: 1;
180
- padding-top: 15px; }
181
- .pfext-catalog-page--with-sidebar {
182
- margin: 0 15px;
183
- padding-bottom: 15px; }
184
- .pfext-catalog-page__btn-group__group-by {
185
- display: inline;
186
- margin-left: var(--pf-global--spacer--md); }
187
- .pfext-catalog-page__content {
188
- flex: 1 1 auto;
189
- overflow: hidden; }
210
+ padding-top: 15px;
211
+ }
212
+ .pfext-catalog-page--with-sidebar {
213
+ margin: 0 15px;
214
+ padding-bottom: 15px;
215
+ }
216
+ .pfext-catalog-page__btn-group__group-by {
217
+ display: inline;
218
+ margin-left: var(--pf-global--spacer--md);
219
+ }
220
+ .pfext-catalog-page__content {
221
+ flex: 1 1 auto;
222
+ overflow: hidden;
223
+ }
224
+ .pfext-catalog-page__description {
225
+ margin-top: -10px;
226
+ padding: 0 15px 10px;
227
+ }
228
+ @media (min-width: 768px) {
190
229
  .pfext-catalog-page__description {
191
- margin-top: -10px;
192
- padding: 0 15px 10px; }
193
- @media (min-width: 768px) {
194
- .pfext-catalog-page__description {
195
- padding-left: 30px;
196
- padding-right: 30px; } }
197
- .pfext-catalog-page__filter {
198
- display: flex;
199
- justify-content: space-between; }
200
- .pfext-catalog-page__filter-toggle {
201
- margin-top: 5px; }
202
- .pfext-catalog-page__grid {
203
- background-color: #f5f5f5; }
204
- .pfext-catalog-page__grouped-items {
205
- margin-bottom: var(--pf-global--spacer--md); }
206
- .pfext-catalog-page__group-title {
207
- margin-bottom: var(--pf-global--spacer--sm); }
208
- .pfext-catalog-page__header {
209
- margin: 0 30px 0 0; }
210
- .pfext-catalog-page__heading {
211
- font-size: 16px;
212
- margin: 0 0 20px 30px; }
213
- .pfext-catalog-page__hint {
214
- margin: 0 0 var(--pf-global--spacer--md) 0; }
215
- .pfext-catalog-page__input {
216
- display: inline-flex !important;
217
- margin: 0 0 20px 30px;
218
- width: auto !important; }
219
- .pfext-catalog-page__sort {
220
- display: inline;
221
- margin-left: var(--pf-global--spacer--md); }
222
- .pfext-catalog-page__num-items {
223
- font-weight: var(--pf-global--FontWeight--bold);
224
- padding: 0 0 20px; }
225
- .pfext-catalog-page__info-icon {
226
- vertical-align: middle;
227
- color: #6a6e73; }
228
- .pfext-catalog-page__info-icon:hover {
229
- color: #151515; }
230
- .pfext-catalog-page__overlay {
231
- border: 0 !important; }
232
- .pfext-catalog-page__overlay .modal-body .pfext-hint-block {
233
- margin-bottom: 10px; }
234
- .pfext-catalog-page__overlay .properties-side-panel-pf {
235
- flex: 0 0 auto; }
236
- .pfext-catalog-page__overlay--right {
237
- bottom: 0;
238
- padding: 0 !important;
239
- right: 0;
240
- top: 4.75rem; }
241
- .pfext-catalog-page__overlay--right .pf-c-modal-box__body {
242
- display: flex;
243
- flex-direction: column;
244
- margin: 0 !important;
245
- padding: 0; }
246
- .pfext-catalog-page__overlay--right .modal-body-inner-shadow-covers {
247
- padding-left: 0 !important;
248
- padding-right: 0 !important; }
249
- .pfext-catalog-page__overlay--right h1 {
250
- white-space: normal; }
251
- .pfext-catalog-page__overlay-action {
252
- align-items: baseline;
253
- display: inline-flex !important;
254
- margin: var(--pf-global--spacer--sm) var(--pf-global--spacer--sm) 0 0;
255
- overflow-x: hidden; }
256
- .pfext-catalog-page__overlay-action-icon {
257
- flex-shrink: 0;
258
- font-size: 14px;
259
- margin-left: 6px; }
260
- .pfext-catalog-page__overlay-action-label {
261
- overflow-x: hidden;
262
- text-overflow: ellipsis; }
263
- .pfext-catalog-page__overlay-actions {
264
- display: flex;
265
- flex-wrap: wrap;
266
- margin-bottom: var(--pf-global--spacer--md);
267
- white-space: normal; }
268
- .pfext-catalog-page__overlay-header {
269
- margin-bottom: var(--pf-global--spacer--md); }
230
+ padding-left: 30px;
231
+ padding-right: 30px;
232
+ }
233
+ }
234
+ .pfext-catalog-page__filter {
235
+ display: flex;
236
+ justify-content: space-between;
237
+ }
238
+ .pfext-catalog-page__filter-toggle {
239
+ margin-top: 5px;
240
+ }
241
+ .pfext-catalog-page__grid {
242
+ background-color: #f5f5f5;
243
+ }
244
+ .pfext-catalog-page__grouped-items {
245
+ margin-bottom: var(--pf-global--spacer--md);
246
+ }
247
+ .pfext-catalog-page__group-title {
248
+ margin-bottom: var(--pf-global--spacer--sm);
249
+ }
250
+ .pfext-catalog-page__header {
251
+ margin: 0 30px 0 0;
252
+ }
253
+ .pfext-catalog-page__heading {
254
+ font-size: 16px;
255
+ margin: 0 0 20px 30px;
256
+ }
257
+ .pfext-catalog-page__hint {
258
+ margin: 0 0 var(--pf-global--spacer--md) 0;
259
+ }
260
+ .pfext-catalog-page__input {
261
+ display: inline-flex !important;
262
+ margin: 0 0 20px 30px;
263
+ width: auto !important;
264
+ }
265
+ .pfext-catalog-page__sort {
266
+ display: inline;
267
+ margin-left: var(--pf-global--spacer--md);
268
+ }
269
+ .pfext-catalog-page__num-items {
270
+ font-weight: var(--pf-global--FontWeight--bold);
271
+ padding: 0 0 20px;
272
+ }
273
+ .pfext-catalog-page__info-icon {
274
+ vertical-align: middle;
275
+ color: #6a6e73;
276
+ }
277
+ .pfext-catalog-page__info-icon:hover {
278
+ color: #151515;
279
+ }
280
+ .pfext-catalog-page__overlay {
281
+ border: 0 !important;
282
+ }
283
+ .pfext-catalog-page__overlay .modal-body .pfext-hint-block {
284
+ margin-bottom: 10px;
285
+ }
286
+ .pfext-catalog-page__overlay .properties-side-panel-pf {
287
+ flex: 0 0 auto;
288
+ }
289
+ .pfext-catalog-page__overlay--right {
290
+ bottom: 0;
291
+ padding: 0 !important;
292
+ right: 0;
293
+ top: 4.75rem;
294
+ }
295
+ .pfext-catalog-page__overlay--right .pf-c-modal-box__body {
296
+ display: flex;
297
+ flex-direction: column;
298
+ margin: 0 !important;
299
+ padding: 0;
300
+ }
301
+ .pfext-catalog-page__overlay--right .modal-body-inner-shadow-covers {
302
+ padding-left: 0 !important;
303
+ padding-right: 0 !important;
304
+ }
305
+ .pfext-catalog-page__overlay--right h1 {
306
+ white-space: normal;
307
+ }
308
+ .pfext-catalog-page__overlay-action {
309
+ align-items: baseline;
310
+ display: inline-flex !important;
311
+ margin: var(--pf-global--spacer--sm) var(--pf-global--spacer--sm) 0 0;
312
+ overflow-x: hidden;
313
+ }
314
+ .pfext-catalog-page__overlay-action-icon {
315
+ flex-shrink: 0;
316
+ font-size: 14px;
317
+ margin-left: 6px;
318
+ }
319
+ .pfext-catalog-page__overlay-action-label {
320
+ overflow-x: hidden;
321
+ text-overflow: ellipsis;
322
+ }
323
+ .pfext-catalog-page__overlay-actions {
324
+ display: flex;
325
+ flex-wrap: wrap;
326
+ margin-bottom: var(--pf-global--spacer--md);
327
+ white-space: normal;
328
+ }
329
+ .pfext-catalog-page__overlay-header {
330
+ margin-bottom: var(--pf-global--spacer--md);
331
+ }
332
+ .pfext-catalog-page__overlay-body {
333
+ margin: 0;
334
+ padding-left: var(--pf-global--spacer--lg);
335
+ padding-right: var(--pf-global--spacer--lg);
336
+ padding-top: var(--pf-global--spacer--md);
337
+ }
338
+ @media (min-width: 768px) {
270
339
  .pfext-catalog-page__overlay-body {
271
- margin: 0;
272
- padding-left: var(--pf-global--spacer--lg);
273
- padding-right: var(--pf-global--spacer--lg);
274
- padding-top: var(--pf-global--spacer--md); }
275
- @media (min-width: 768px) {
276
- .pfext-catalog-page__overlay-body {
277
- display: flex; } }
340
+ display: flex;
341
+ }
342
+ }
343
+ .pfext-catalog-page__overlay-description {
344
+ margin: 20px 0 0;
345
+ white-space: pre-wrap;
346
+ }
347
+ .pfext-catalog-page__overlay-description h1,
348
+ .pfext-catalog-page__overlay-description h2,
349
+ .pfext-catalog-page__overlay-description h3 {
350
+ color: #333;
351
+ }
352
+ .pfext-catalog-page__overlay-description h2 {
353
+ font-size: 20px;
354
+ }
355
+ .pfext-catalog-page__overlay-description p,
356
+ .pfext-catalog-page__overlay-description li,
357
+ .pfext-catalog-page__overlay-description ol {
358
+ color: #333;
359
+ font-size: 14px !important;
360
+ }
361
+ @media (min-width: 768px) {
278
362
  .pfext-catalog-page__overlay-description {
279
- margin: 20px 0 0;
280
- white-space: pre-wrap; }
281
- .pfext-catalog-page__overlay-description h1,
282
- .pfext-catalog-page__overlay-description h2,
283
- .pfext-catalog-page__overlay-description h3 {
284
- color: #333; }
285
- .pfext-catalog-page__overlay-description h2 {
286
- font-size: 20px; }
287
- .pfext-catalog-page__overlay-description p,
288
- .pfext-catalog-page__overlay-description li,
289
- .pfext-catalog-page__overlay-description ol {
290
- color: #333;
291
- font-size: 14px !important; }
292
- @media (min-width: 768px) {
293
- .pfext-catalog-page__overlay-description {
294
- flex: 1 1 auto;
295
- margin-left: 20px;
296
- margin-top: 0; } }
297
- .pfext-catalog-page__tabs {
298
- flex: 0 0 220px;
299
- margin: 0 15px 0 0; }
363
+ flex: 1 1 auto;
364
+ margin-left: 20px;
365
+ margin-top: 0;
366
+ }
367
+ }
368
+ .pfext-catalog-page__tabs {
369
+ flex: 0 0 220px;
370
+ margin: 0 15px 0 0;
371
+ }
300
372
 
301
373
  @media screen and (min-width: 768px) {
302
374
  .pf-c-modal-box.pfext-catalog-page__overlay {
303
- width: 600px; } }
304
-
375
+ width: 600px;
376
+ }
377
+ }
305
378
  @media screen and (min-width: 992px) {
306
379
  .pf-c-modal-box.pfext-catalog-page__overlay {
307
- width: 900px; } }
308
-
380
+ width: 900px;
381
+ }
382
+ }
309
383
  .pfext-catalog-tab__empty {
310
- color: #72767b; }
384
+ color: #72767b;
385
+ }
311
386
 
312
387
  .pfext-modal-ignore-warning {
313
- height: initial; }
314
- .pfext-modal-ignore-warning__checkbox.checkbox {
315
- margin-bottom: 0;
316
- padding-top: 15px; }
317
- .pfext-modal-ignore-warning__content {
318
- display: flex; }
319
- .pfext-modal-ignore-warning__icon {
320
- font-size: 30px;
321
- margin-right: 15px;
322
- min-width: 30px; }
323
- .pfext-modal-ignore-warning__link {
324
- display: block;
325
- margin: 10px 0; }
388
+ height: initial;
389
+ }
390
+ .pfext-modal-ignore-warning__checkbox.checkbox {
391
+ margin-bottom: 0;
392
+ padding-top: 15px;
393
+ }
394
+ .pfext-modal-ignore-warning__content {
395
+ display: flex;
396
+ }
397
+ .pfext-modal-ignore-warning__icon {
398
+ font-size: 30px;
399
+ margin-right: 15px;
400
+ min-width: 30px;
401
+ }
402
+ .pfext-modal-ignore-warning__link {
403
+ display: block;
404
+ margin: 10px 0;
405
+ }
326
406
 
327
407
  .properties-side-panel-pf-property-label {
328
- font-size: 13px; }
408
+ font-size: 13px;
409
+ }
329
410
 
330
411
  .properties-side-panel-pf-property-value__capability-level {
331
412
  color: var(--pf-global--Color--400);
332
413
  margin-bottom: 5px;
333
- position: relative; }
334
- .properties-side-panel-pf-property-value__capability-level--active {
335
- color: inherit; }
336
- .properties-side-panel-pf-property-value__capability-level--active::before {
337
- display: none; }
338
- .properties-side-panel-pf-property-value__capability-level::before {
339
- border: 1px solid var(--pf-global--Color--400);
340
- border-radius: 10px;
341
- content: '';
342
- height: 14px;
343
- left: -20px;
344
- position: absolute;
345
- top: 4px;
346
- width: 14px; }
347
- .properties-side-panel-pf-property-value__capability-level:not(:last-child)::after {
348
- background: var(--pf-global--Color--400);
349
- content: '';
350
- height: 6px;
351
- left: -13px;
352
- position: absolute;
353
- top: 21px;
354
- width: 1px; }
414
+ position: relative;
415
+ }
416
+ .properties-side-panel-pf-property-value__capability-level--active {
417
+ color: inherit;
418
+ }
419
+ .properties-side-panel-pf-property-value__capability-level--active::before {
420
+ display: none;
421
+ }
422
+ .properties-side-panel-pf-property-value__capability-level::before {
423
+ border: 1px solid var(--pf-global--Color--400);
424
+ border-radius: 10px;
425
+ content: "";
426
+ height: 14px;
427
+ left: -20px;
428
+ position: absolute;
429
+ top: 4px;
430
+ width: 14px;
431
+ }
432
+ .properties-side-panel-pf-property-value__capability-level:not(:last-child)::after {
433
+ background: var(--pf-global--Color--400);
434
+ content: "";
435
+ height: 6px;
436
+ left: -13px;
437
+ position: absolute;
438
+ top: 21px;
439
+ width: 1px;
440
+ }
355
441
 
356
442
  .properties-side-panel-pf-property-value__capability-level-icon {
357
443
  left: -20px;
358
444
  position: absolute;
359
- top: 4px; }
445
+ top: 4px;
446
+ }
360
447
 
361
448
  .properties-side-panel-pf-property-value__capability-levels {
362
- list-style: none; }
449
+ list-style: none;
450
+ }
363
451
 
364
452
  .pfext-status-box {
365
- padding: 40px 20px; }
366
- .pfext-status-box__loading-message {
367
- margin-top: var(--pf-global--spacer--sm); }
453
+ padding: 40px 20px;
454
+ }
455
+ .pfext-status-box__loading-message {
456
+ margin-top: var(--pf-global--spacer--sm);
457
+ }
368
458
 
369
459
  .pfext-status-box--loading {
370
460
  align-items: center;
@@ -373,10 +463,12 @@
373
463
  justify-content: center;
374
464
  min-height: 50px;
375
465
  width: 100%;
376
- flex-direction: column; }
466
+ flex-direction: column;
467
+ }
377
468
 
378
469
  .pfext-m-loader {
379
- min-width: 18px; }
470
+ min-width: 18px;
471
+ }
380
472
 
381
473
  .pfext-m-loader-dot__one,
382
474
  .pfext-m-loader-dot__two,
@@ -393,36 +485,39 @@
393
485
  border-radius: 100%;
394
486
  display: inline-block;
395
487
  height: 6px;
396
- width: 6px; }
488
+ width: 6px;
489
+ }
397
490
 
398
491
  .pfext-m-loader-dot__one {
399
- animation-delay: -0.32s; }
492
+ animation-delay: -0.32s;
493
+ }
400
494
 
401
495
  .pfext-m-loader-dot__two {
402
- animation-delay: -0.16s; }
496
+ animation-delay: -0.16s;
497
+ }
403
498
 
404
499
  @keyframes bouncedelay {
405
- 0%,
406
- 80%,
407
- 100% {
408
- transform: scale(0.25, 0.25); }
500
+ 0%, 80%, 100% {
501
+ transform: scale(0.25, 0.25);
502
+ }
409
503
  40% {
410
- transform: scale(1, 1); } }
411
-
504
+ transform: scale(1, 1);
505
+ }
506
+ }
412
507
  .pfext-page-layout__content {
413
508
  padding: var(--pf-global--spacer--lg);
414
- flex: 1; }
415
-
509
+ flex: 1;
510
+ }
416
511
  .pfext-page-layout__header {
417
512
  padding-top: 1px;
418
- background-color: var(--pf-global--BackgroundColor--light-100); }
419
-
513
+ background-color: var(--pf-global--BackgroundColor--light-100);
514
+ }
420
515
  .pfext-page-layout__hint {
421
516
  padding-left: var(--pf-global--spacer--lg);
422
517
  padding-right: var(--pf-global--spacer--lg);
423
518
  padding-bottom: var(--pf-global--spacer--md);
424
- font-size: 14px; }
425
-
519
+ font-size: 14px;
520
+ }
426
521
  .pfext-page-layout__title {
427
522
  padding-left: var(--pf-global--spacer--lg);
428
523
  padding-right: var(--pf-global--spacer--lg);
@@ -431,7 +526,8 @@
431
526
  margin-bottom: 11.5px;
432
527
  font-family: var(--pf-global--FontFamily--heading--sans-serif);
433
528
  font-weight: var(--pf-global--FontWeight--normal);
434
- line-height: 1.1; }
529
+ line-height: 1.1;
530
+ }
435
531
 
436
532
  .pfext-markdown-view .pfext-code-block__pre {
437
533
  /* override the styles applied by showdown while parsing <pre /> */
@@ -440,496 +536,589 @@
440
536
  border-radius: none;
441
537
  background-color: transparent;
442
538
  margin: 0;
443
- padding: 0; }
444
-
539
+ padding: 0;
540
+ }
445
541
  .pfext-markdown-view .pfext-markdown-execute-snippet__button > i.fa-check {
446
- display: none; }
447
-
542
+ display: none;
543
+ }
448
544
  .pfext-markdown-view .pfext-markdown-execute-snippet__button > i.fa-play {
449
- display: inline; }
450
-
545
+ display: inline;
546
+ }
451
547
  .pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed] > i.fa-check {
452
- display: inline; }
453
-
548
+ display: inline;
549
+ }
454
550
  .pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed] > i.fa-play {
455
- display: none; }
456
-
551
+ display: none;
552
+ }
457
553
  .pfext-markdown-view .pfext-markdown-admonition.pf-c-alert {
458
- margin: var(--pf-global--spacer--md) 0; }
459
- .pfext-markdown-view .pfext-markdown-admonition.pf-c-alert .pf-c-alert__title {
460
- margin-top: 0;
461
- margin-bottom: 0;
462
- font-weight: var(--pf-c-alert__title--FontWeight);
463
- font-family: inherit;
464
- line-height: inherit;
465
- color: var(--pf-c-alert__title--Color);
466
- word-break: break-word; }
554
+ margin: var(--pf-global--spacer--md) 0;
555
+ }
556
+ .pfext-markdown-view .pfext-markdown-admonition.pf-c-alert .pf-c-alert__title {
557
+ margin-top: 0;
558
+ margin-bottom: 0;
559
+ font-weight: var(--pf-c-alert__title--FontWeight);
560
+ font-family: inherit;
561
+ line-height: inherit;
562
+ color: var(--pf-c-alert__title--Color);
563
+ word-break: break-word;
564
+ }
467
565
 
468
566
  .pfext-modal {
469
- position: absolute !important; }
567
+ position: absolute !important;
568
+ }
470
569
 
471
570
  @keyframes pfext-spotlight-expand {
472
571
  0% {
473
572
  outline-offset: -4px;
474
573
  outline-width: 4px;
475
- opacity: 1; }
574
+ opacity: 1;
575
+ }
476
576
  100% {
477
577
  outline-offset: 21px;
478
578
  outline-width: 12px;
479
- opacity: 0; } }
480
-
579
+ opacity: 0;
580
+ }
581
+ }
481
582
  @keyframes pfext-spotlight-fade-in {
482
583
  0% {
483
- opacity: 0; }
584
+ opacity: 0;
585
+ }
484
586
  100% {
485
- opacity: 1; } }
486
-
587
+ opacity: 1;
588
+ }
589
+ }
487
590
  @keyframes pfext-spotlight-fade-out {
488
591
  0% {
489
- opacity: 1; }
592
+ opacity: 1;
593
+ }
490
594
  100% {
491
- opacity: 0; } }
492
-
595
+ opacity: 0;
596
+ }
597
+ }
493
598
  .pfext-spotlight {
494
599
  pointer-events: none;
495
- position: absolute; }
496
- .pfext-spotlight__with-backdrop {
497
- mix-blend-mode: hard-light; }
498
- .pfext-spotlight__element-highlight-noanimate {
499
- border: var(--pf-global--BorderWidth--xl) solid var(--pf-global--palette--blue-200);
500
- background-color: var(--pf-global--palette--black-500);
501
- z-index: 9999; }
502
- .pfext-spotlight__element-highlight-animate {
503
- pointer-events: none;
504
- position: absolute;
505
- box-shadow: inset 0px 0px 0px 4px var(--pf-global--palette--blue-200);
506
- opacity: 0;
507
- animation: 0.4s pfext-spotlight-fade-in 0s ease-in-out, 5s pfext-spotlight-fade-out 12.8s ease-in-out;
508
- animation-fill-mode: forwards; }
509
- .pfext-spotlight__element-highlight-animate::after {
510
- content: '';
511
- position: absolute;
512
- left: 0;
513
- right: 0;
514
- top: 0;
515
- bottom: 0;
516
- animation: 1.2s pfext-spotlight-expand 1.6s ease-out;
517
- animation-fill-mode: forwards;
518
- outline: 4px solid var(--pf-global--palette--blue-200);
519
- outline-offset: -4px; }
600
+ position: absolute;
601
+ }
602
+ .pfext-spotlight__with-backdrop {
603
+ mix-blend-mode: hard-light;
604
+ }
605
+ .pfext-spotlight__element-highlight-noanimate {
606
+ border: var(--pf-global--BorderWidth--xl) solid var(--pf-global--palette--blue-200);
607
+ background-color: var(--pf-global--palette--black-500);
608
+ z-index: 9999;
609
+ }
610
+ .pfext-spotlight__element-highlight-animate {
611
+ pointer-events: none;
612
+ position: absolute;
613
+ box-shadow: inset 0px 0px 0px 4px var(--pf-global--palette--blue-200);
614
+ opacity: 0;
615
+ animation: 0.4s pfext-spotlight-fade-in 0s ease-in-out, 5s pfext-spotlight-fade-out 12.8s ease-in-out;
616
+ animation-fill-mode: forwards;
617
+ }
618
+ .pfext-spotlight__element-highlight-animate::after {
619
+ content: "";
620
+ position: absolute;
621
+ left: 0;
622
+ right: 0;
623
+ top: 0;
624
+ bottom: 0;
625
+ animation: 1.2s pfext-spotlight-expand 1.6s ease-out;
626
+ animation-fill-mode: forwards;
627
+ outline: 4px solid var(--pf-global--palette--blue-200);
628
+ outline-offset: -4px;
629
+ }
520
630
 
521
631
  .pfext-markdown-view h1, .pfext-markdown-view h2, .pfext-markdown-view h3, .pfext-markdown-view h4, .pfext-markdown-view h5, .pfext-markdown-view h6,
522
632
  .pfext-markdown-view .h1, .pfext-markdown-view .h2, .pfext-markdown-view .h3, .pfext-markdown-view .h4, .pfext-markdown-view .h5, .pfext-markdown-view .h6 {
523
633
  font-family: var(--pf-global--FontFamily--heading--sans-serif);
524
634
  font-weight: var(--pf-global--FontWeight--normal);
525
635
  line-height: 1.1;
526
- color: inherit; }
527
-
636
+ color: inherit;
637
+ }
528
638
  .pfext-markdown-view h1, .pfext-markdown-view .h1,
529
639
  .pfext-markdown-view h2, .pfext-markdown-view .h2,
530
640
  .pfext-markdown-view h3, .pfext-markdown-view .h3 {
531
641
  margin-top: 23px;
532
- margin-bottom: 11.5px; }
533
-
642
+ margin-bottom: 11.5px;
643
+ }
534
644
  .pfext-markdown-view h4, .pfext-markdown-view .h4,
535
645
  .pfext-markdown-view h5, .pfext-markdown-view .h5,
536
646
  .pfext-markdown-view h6, .pfext-markdown-view .h6 {
537
647
  margin-top: 11.5px;
538
- margin-bottom: 11.5px; }
539
-
648
+ margin-bottom: 11.5px;
649
+ }
540
650
  .pfext-markdown-view h1, .pfext-markdown-view .h1 {
541
- font-size: var(--pf-global--FontSize--2xl); }
542
-
651
+ font-size: var(--pf-global--FontSize--2xl);
652
+ }
543
653
  .pfext-markdown-view h2, .pfext-markdown-view .h2 {
544
- font-size: 20px; }
545
-
654
+ font-size: 20px;
655
+ }
546
656
  .pfext-markdown-view h3, .pfext-markdown-view .h3 {
547
- font-size: var(--pf-global--FontSize--lg); }
548
-
657
+ font-size: var(--pf-global--FontSize--lg);
658
+ }
549
659
  .pfext-markdown-view h4, .pfext-markdown-view .h4 {
550
- font-size: var(--pf-global--FontSize--md); }
551
-
660
+ font-size: var(--pf-global--FontSize--md);
661
+ }
552
662
  .pfext-markdown-view h5, .pfext-markdown-view .h5 {
553
- font-size: var(--pf-global--FontSize--md); }
554
-
663
+ font-size: var(--pf-global--FontSize--md);
664
+ }
555
665
  .pfext-markdown-view h6, .pfext-markdown-view .h6 {
556
- font-size: var(--pf-global--FontSize--md); }
557
-
666
+ font-size: var(--pf-global--FontSize--md);
667
+ }
558
668
  .pfext-markdown-view p {
559
- margin: 0 0 11.5px; }
560
-
669
+ margin: 0 0 11.5px;
670
+ }
561
671
  .pfext-markdown-view ul,
562
672
  .pfext-markdown-view ol {
563
673
  margin-top: 0;
564
- margin-bottom: 11.5px; }
565
- .pfext-markdown-view ul ul,
566
- .pfext-markdown-view ul ol,
567
- .pfext-markdown-view ol ul,
568
- .pfext-markdown-view ol ol {
569
- margin-bottom: 0; }
570
-
674
+ margin-bottom: 11.5px;
675
+ }
676
+ .pfext-markdown-view ul ul,
677
+ .pfext-markdown-view ul ol,
678
+ .pfext-markdown-view ol ul,
679
+ .pfext-markdown-view ol ol {
680
+ margin-bottom: 0;
681
+ }
571
682
  .pfext-markdown-view dl {
572
683
  margin-top: 0;
573
- margin-bottom: 23px; }
574
-
684
+ margin-bottom: 23px;
685
+ }
575
686
  .pfext-markdown-view dt,
576
687
  .pfext-markdown-view dd {
577
- line-height: 1.66667; }
578
-
688
+ line-height: 1.66666667;
689
+ }
579
690
  .pfext-markdown-view dt {
580
- font-weight: 700; }
581
-
691
+ font-weight: 700;
692
+ }
582
693
  .pfext-markdown-view dd {
583
- margin-left: 0; }
584
-
694
+ margin-left: 0;
695
+ }
585
696
  .pfext-markdown-view blockquote {
586
697
  padding: 11.5px 23px;
587
698
  margin: 0 0 23px;
588
699
  font-size: 17.5px;
589
- border-left: 5px solid #f1f1f1; }
590
- .pfext-markdown-view blockquote p:last-child,
591
- .pfext-markdown-view blockquote ul:last-child,
592
- .pfext-markdown-view blockquote ol:last-child {
593
- margin-bottom: 0; }
594
-
700
+ border-left: 5px solid #f1f1f1;
701
+ }
702
+ .pfext-markdown-view blockquote p:last-child,
703
+ .pfext-markdown-view blockquote ul:last-child,
704
+ .pfext-markdown-view blockquote ol:last-child {
705
+ margin-bottom: 0;
706
+ }
595
707
  .pfext-markdown-view code,
596
708
  .pfext-markdown-view pre {
597
- font-family: Menlo, Monaco, Consolas, monospace; }
598
-
709
+ font-family: Menlo, Monaco, Consolas, monospace;
710
+ }
599
711
  .pfext-markdown-view code {
600
712
  padding: 2px 4px;
601
713
  font-size: 90%;
602
714
  color: #004368;
603
715
  background-color: #def3ff;
604
- border-radius: 1px; }
605
-
716
+ border-radius: 1px;
717
+ }
606
718
  .pfext-markdown-view pre {
607
719
  display: block;
608
720
  padding: 11px;
609
721
  margin: 0 0 11.5px;
610
722
  font-size: 13px;
611
- line-height: 1.66667;
723
+ line-height: 1.66666667;
612
724
  color: #363636;
613
725
  word-break: break-all;
614
726
  word-wrap: break-word;
615
727
  background-color: #fafafa;
616
728
  border: 1px solid #ccc;
617
- border-radius: 1px; }
618
- .pfext-markdown-view pre code {
619
- padding: 0;
620
- font-size: inherit;
621
- color: inherit;
622
- white-space: pre-wrap;
623
- background-color: transparent;
624
- border-radius: 0; }
625
-
729
+ border-radius: 1px;
730
+ }
731
+ .pfext-markdown-view pre code {
732
+ padding: 0;
733
+ font-size: inherit;
734
+ color: inherit;
735
+ white-space: pre-wrap;
736
+ background-color: transparent;
737
+ border-radius: 0;
738
+ }
626
739
  .pfext-markdown-view table {
627
- background-color: transparent; }
628
- .pfext-markdown-view table col[class*="col-"] {
629
- position: static;
630
- display: table-column;
631
- float: none; }
632
- .pfext-markdown-view table td[class*="col-"],
633
- .pfext-markdown-view table th[class*="col-"] {
634
- position: static;
635
- display: table-cell;
636
- float: none; }
637
-
740
+ background-color: transparent;
741
+ }
742
+ .pfext-markdown-view table col[class*=col-] {
743
+ position: static;
744
+ display: table-column;
745
+ float: none;
746
+ }
747
+ .pfext-markdown-view table td[class*=col-],
748
+ .pfext-markdown-view table th[class*=col-] {
749
+ position: static;
750
+ display: table-cell;
751
+ float: none;
752
+ }
638
753
  .pfext-markdown-view caption {
639
754
  padding-top: 10px;
640
755
  padding-bottom: 10px;
641
756
  color: #9c9c9c;
642
- text-align: left; }
643
-
757
+ text-align: left;
758
+ }
644
759
  .pfext-markdown-view th {
645
- text-align: left; }
760
+ text-align: left;
761
+ }
646
762
 
647
763
  .pfext-quick-start-drawer__body {
648
764
  display: flex;
649
765
  flex-direction: column;
650
766
  z-index: 0;
651
- position: relative; }
652
-
767
+ position: relative;
768
+ }
653
769
  .pfext-quick-start-drawer__modal > .pf-c-modal-box__footer {
654
- display: block; }
770
+ display: block;
771
+ }
655
772
 
656
773
  .pfext-quick-start-panel-content__header {
657
774
  position: sticky;
658
775
  top: 0px;
659
776
  background: inherit;
660
- z-index: var(--pf-global--ZIndex--xs); }
661
- .pfext-quick-start-panel-content__header__shadow {
662
- box-shadow: var(--pf-global--BoxShadow--sm-bottom); }
663
- .pfext-quick-start-panel-content__header--blue-white {
664
- background-color: var(--pf-global--palette--blue-400); }
665
- .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__title {
666
- color: var(--pf-global--Color--light-100); }
667
- .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__duration {
668
- color: var(--pf-global--Color--light-200); }
669
- .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__close-button button {
670
- color: var(--pf-global--Color--light-100) !important; }
671
-
777
+ z-index: var(--pf-global--ZIndex--xs);
778
+ }
779
+ .pfext-quick-start-panel-content__header__shadow {
780
+ box-shadow: var(--pf-global--BoxShadow--sm-bottom);
781
+ }
782
+ .pfext-quick-start-panel-content__header--blue-white {
783
+ background-color: var(--pf-global--palette--blue-400);
784
+ }
785
+ .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__title {
786
+ color: var(--pf-global--Color--light-100);
787
+ }
788
+ .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__duration {
789
+ color: var(--pf-global--Color--light-200);
790
+ }
791
+ .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__close-button button {
792
+ color: var(--pf-global--Color--light-100) !important;
793
+ }
672
794
  .pfext-quick-start-panel-content__body {
673
795
  display: flex;
674
- flex-direction: column; }
675
-
796
+ flex-direction: column;
797
+ }
676
798
  .pfext-quick-start-panel-content__title {
677
799
  display: flex;
678
800
  align-items: center;
679
- flex-wrap: wrap; }
680
-
801
+ flex-wrap: wrap;
802
+ }
681
803
  .pfext-quick-start-panel-content__duration {
682
804
  display: inline-block;
683
805
  font-size: var(--pf-global--FontSize--md);
684
806
  font-weight: 400;
685
807
  line-height: 1;
686
- color: #9c9c9c; }
687
-
808
+ color: #9c9c9c;
809
+ }
688
810
  .pfext-quick-start-panel-content__footer__shadow {
689
- box-shadow: var(--pf-global--BoxShadow--sm-top); }
811
+ box-shadow: var(--pf-global--BoxShadow--sm-top);
812
+ }
690
813
 
691
814
  .pfext-quick-start-catalog__gallery {
692
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, 300px) !important; }
693
-
815
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, 300px) !important;
816
+ }
694
817
  .pfext-quick-start-catalog__gallery-item {
695
- display: inherit !important; }
818
+ display: inherit !important;
819
+ }
696
820
 
697
821
  .pfext-quick-start-tile {
698
- height: 100%; }
699
- .pfext-quick-start-tile .catalog-tile-pf-description .has-footer {
700
- display: block;
701
- -webkit-line-clamp: unset; }
702
- .pfext-quick-start-tile .catalog-tile-pf-icon {
703
- display: flex; }
822
+ height: 100%;
823
+ }
824
+ .pfext-quick-start-tile .catalog-tile-pf-description .has-footer {
825
+ display: block;
826
+ -webkit-line-clamp: unset;
827
+ }
828
+ .pfext-quick-start-tile .catalog-tile-pf-icon {
829
+ display: flex;
830
+ }
704
831
 
705
832
  .pfext-quick-start-tile-description {
706
833
  display: -webkit-box;
707
834
  overflow: hidden;
708
835
  -webkit-box-orient: vertical;
709
- -webkit-line-clamp: 3; }
710
- .pfext-quick-start-tile-description p {
711
- margin: 0 0 11.5px; }
712
-
836
+ -webkit-line-clamp: 3;
837
+ }
838
+ .pfext-quick-start-tile-description p {
839
+ margin: 0 0 11.5px;
840
+ }
713
841
  .pfext-quick-start-tile-prerequisites {
714
- display: inline-flex; }
715
- .pfext-quick-start-tile-prerequisites__text {
716
- margin-right: var(--pf-global--spacer--sm);
717
- font-size: var(--pf-global--FontSize--md);
718
- margin-top: 11.5px;
719
- margin-bottom: 11.5px;
720
- font-family: var(--pf-global--FontFamily--heading--sans-serif);
721
- font-weight: var(--pf-global--FontWeight--normal);
722
- line-height: 1.1; }
723
- .pfext-quick-start-tile-prerequisites-list {
724
- padding-left: 20px; }
842
+ display: inline-flex;
843
+ }
844
+ .pfext-quick-start-tile-prerequisites__text {
845
+ margin-right: var(--pf-global--spacer--sm);
846
+ font-size: var(--pf-global--FontSize--md);
847
+ margin-top: 11.5px;
848
+ margin-bottom: 11.5px;
849
+ font-family: var(--pf-global--FontFamily--heading--sans-serif);
850
+ font-weight: var(--pf-global--FontWeight--normal);
851
+ line-height: 1.1;
852
+ }
853
+ .pfext-quick-start-tile-prerequisites-list {
854
+ padding-left: 20px;
855
+ }
725
856
 
726
857
  .pfext-quick-start-tile-header__status {
727
- margin: var(--pf-global--spacer--sm) 0; }
728
-
858
+ margin: var(--pf-global--spacer--sm) 0;
859
+ }
729
860
  .pfext-quick-start-tile-header--margin {
730
861
  margin-right: var(--pf-global--spacer--sm);
731
- margin-bottom: var(--pf-global--spacer--sm); }
732
-
862
+ margin-bottom: var(--pf-global--spacer--sm);
863
+ }
733
864
  .pfext-quick-start-tile-header .pf-c-badge:not(:last-of-type) {
734
- margin-right: var(--pf-global--spacer--sm); }
865
+ margin-right: var(--pf-global--spacer--sm);
866
+ }
867
+
868
+ .pfext-markdown-view.is-empty {
869
+ color: #999;
870
+ }
871
+ .pfext-markdown-view table {
872
+ display: block;
873
+ margin-bottom: 11.5px;
874
+ overflow-x: auto;
875
+ }
876
+ .pfext-markdown-view td,
877
+ .pfext-markdown-view th {
878
+ border-bottom: 1px solid #ededed;
879
+ padding: 10px;
880
+ vertical-align: top;
881
+ }
882
+ .pfext-markdown-view th {
883
+ padding-top: 0;
884
+ }
735
885
 
736
886
  .pfext-quick-start-catalog-filter__input {
737
887
  flex-grow: 1;
738
- max-width: 500px; }
739
-
888
+ max-width: 500px;
889
+ }
740
890
  .pfext-quick-start-catalog-filter__count {
741
- font-weight: var(--pf-global--FontWeight--bold); }
891
+ font-weight: var(--pf-global--FontWeight--bold);
892
+ }
742
893
 
743
894
  .pf-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex {
744
895
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--sm);
745
896
  --pf-c-toolbar--PaddingTop: var(--pf-global--spacer--sm);
746
897
  --pf-c-toolbar--RowGap: 0;
747
- font-size: 14px; }
748
- .pf-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-c-select {
749
- --pf-c-select__toggle--FontSize: 14px; }
750
- .pf-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-c-check {
751
- --pf-c-check__label--FontSize: 14px; }
898
+ font-size: 14px;
899
+ }
900
+ .pf-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-c-select {
901
+ --pf-c-select__toggle--FontSize: 14px;
902
+ }
903
+ .pf-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-c-check {
904
+ --pf-c-check__label--FontSize: 14px;
905
+ }
752
906
 
753
907
  .pfext-quick-start-content {
754
908
  flex: 1 1 0;
755
909
  overflow: auto;
756
910
  padding: var(--pf-global--spacer--lg);
757
- font-size: 16px; }
758
- .pfext-quick-start-content .pf-c-alert__description p {
759
- font-size: 13px; }
911
+ font-size: 16px;
912
+ }
913
+ .pfext-quick-start-content .pf-c-alert__description p {
914
+ font-size: 13px;
915
+ }
760
916
 
761
917
  .pfext-quick-start-footer {
762
918
  background-color: var(--pf-global--BackgroundColor--100);
763
919
  flex: 0 0 auto;
764
- padding: var(--pf-global--spacer--md) var(--pf-global--spacer--lg); }
765
- .pfext-quick-start-footer__actionbtn {
766
- margin-right: var(--pf-global--spacer--md); }
767
- .pfext-quick-start-footer__restartbtn {
768
- float: right; }
769
-
770
- .pfext-markdown-view.is-empty {
771
- color: #999; }
772
-
773
- .pfext-markdown-view table {
774
- display: block;
775
- margin-bottom: 11.5px;
776
- overflow-x: auto; }
777
-
778
- .pfext-markdown-view td,
779
- .pfext-markdown-view th {
780
- border-bottom: 1px solid #ededed;
781
- padding: 10px;
782
- vertical-align: top; }
920
+ padding: var(--pf-global--spacer--md) var(--pf-global--spacer--lg);
921
+ }
922
+ .pfext-quick-start-footer__actionbtn {
923
+ margin-right: var(--pf-global--spacer--md);
924
+ }
925
+ .pfext-quick-start-footer__restartbtn {
926
+ float: right;
927
+ }
783
928
 
784
- .pfext-markdown-view th {
785
- padding-top: 0; }
929
+ .pfext-quick-start-intro__prereq {
930
+ margin-bottom: var(--pf-global--spacer--md);
931
+ }
932
+ .pfext-quick-start-intro__prereq .pf-c-expandable-section__content {
933
+ margin-top: var(--pf-global--spacer--sm);
934
+ }
935
+ .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle {
936
+ padding-top: 0;
937
+ padding-bottom: 0;
938
+ }
939
+ .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-text {
940
+ margin-left: var(--pf-global--spacer--sm);
941
+ }
942
+ .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon {
943
+ color: var(--pf-c-expandable-section__toggle--Color);
944
+ }
945
+ .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:focus, .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:hover {
946
+ --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
947
+ }
948
+ .pfext-quick-start-intro__prereq-list {
949
+ padding-left: 20px;
950
+ }
951
+ .pfext-quick-start-intro__prereq-list__item::marker {
952
+ font-size: 0.8rem;
953
+ }
954
+ .pfext-quick-start-intro__prereq-list__item-content {
955
+ position: relative;
956
+ left: 2px;
957
+ }
786
958
 
787
959
  .pfext-quick-start-tasks__list button::before {
788
- content: none; }
789
-
960
+ content: none;
961
+ }
790
962
  .pfext-quick-start-tasks__list li.pf-c-wizard__nav-item {
791
963
  list-style-type: none;
792
964
  display: flex;
793
965
  flex-wrap: wrap;
794
966
  align-items: center;
795
- margin-bottom: var(--pf-global--spacer--xs); }
796
-
967
+ margin-bottom: var(--pf-global--spacer--xs);
968
+ }
797
969
  .pfext-quick-start-tasks__list .pfext-quick-start-task__content {
798
- margin-bottom: var(--pf-global--spacer--md); }
799
-
970
+ margin-bottom: var(--pf-global--spacer--md);
971
+ }
800
972
  .pfext-quick-start-tasks__list .task-pflist-title {
801
973
  font-size: 14px !important;
802
- margin-bottom: 6px; }
803
-
974
+ margin-bottom: 6px;
975
+ }
804
976
  .pfext-quick-start-tasks__list .task-pflist-subtitle {
805
977
  color: var(--pf-global--Color--200);
806
- font-size: 16px; }
807
-
978
+ font-size: 16px;
979
+ }
808
980
  .pfext-quick-start-tasks__list .task-pflist-list {
809
- font-size: 16px; }
810
- .pfext-quick-start-tasks__list .task-pflist-list--prereq {
811
- padding-left: var(--pf-global--spacer--lg); }
812
- .pfext-quick-start-tasks__list .task-pflist-list--prereq li + li {
813
- margin-top: 4px; }
814
- .pfext-quick-start-tasks__list .task-pflist-list--proc {
815
- padding-left: 10px; }
816
- .pfext-quick-start-tasks__list .task-pflist-list--proc li + li {
817
- margin-top: 16px; }
818
- .pfext-quick-start-tasks__list .task-pflist-list__item--prereq::marker {
819
- font-size: 0.8rem; }
820
- .pfext-quick-start-tasks__list .task-pflist-list__item--prereq .task-pflist-list__item__content {
821
- position: relative;
822
- left: 2px; }
823
- .pfext-quick-start-tasks__list .task-pflist-list__item--proc {
824
- font-size: 14px; }
825
- .pfext-quick-start-tasks__list .task-pflist-list__item--proc .task-pflist-list__item__content {
826
- position: relative;
827
- left: 4px; }
828
- .pfext-quick-start-tasks__list .task-pflist-list__item__content .pf-c-alert {
829
- margin: var(--pf-global--spacer--md) 0; }
830
- .pfext-quick-start-tasks__list .task-pflist-list__item__content .pf-c-alert__title {
831
- margin-top: 0;
832
- margin-bottom: 0;
833
- font-weight: var(--pf-c-alert__title--FontWeight);
834
- font-family: inherit;
835
- line-height: inherit;
836
- color: var(--pf-c-alert__title--Color);
837
- word-break: break-word; }
838
- .pfext-quick-start-tasks__list .task-pflist-list__item__content .task-pflist-list__item__content__note {
839
- background-color: var(--pf-global--palette--blue-50);
840
- border-color: var(--pf-global--active-color--200);
841
- margin: var(--pf-global--spacer--md) 0; }
842
- .pfext-quick-start-tasks__list .task-pflist-list__item__content .task-pflist-list__item__content__note__body {
843
- font-size: 14px; }
844
-
845
- .pfext-quick-start-intro__prereq {
846
- margin-bottom: var(--pf-global--spacer--md); }
847
- .pfext-quick-start-intro__prereq .pf-c-expandable-section__content {
848
- margin-top: var(--pf-global--spacer--sm); }
849
- .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle {
850
- padding-top: 0;
851
- padding-bottom: 0; }
852
- .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-text {
853
- margin-left: var(--pf-global--spacer--sm); }
854
- .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon {
855
- color: var(--pf-c-expandable-section__toggle--Color); }
856
- .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:focus, .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:hover {
857
- --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color); }
858
- .pfext-quick-start-intro__prereq-list {
859
- padding-left: 20px; }
860
- .pfext-quick-start-intro__prereq-list__item::marker {
861
- font-size: 0.8rem; }
862
- .pfext-quick-start-intro__prereq-list__item-content {
863
- position: relative;
864
- left: 2px; }
981
+ font-size: 16px;
982
+ }
983
+ .pfext-quick-start-tasks__list .task-pflist-list--prereq {
984
+ padding-left: var(--pf-global--spacer--lg);
985
+ }
986
+ .pfext-quick-start-tasks__list .task-pflist-list--prereq li + li {
987
+ margin-top: 4px;
988
+ }
989
+ .pfext-quick-start-tasks__list .task-pflist-list--proc {
990
+ padding-left: 10px;
991
+ }
992
+ .pfext-quick-start-tasks__list .task-pflist-list--proc li + li {
993
+ margin-top: 16px;
994
+ }
995
+ .pfext-quick-start-tasks__list .task-pflist-list__item--prereq::marker {
996
+ font-size: 0.8rem;
997
+ }
998
+ .pfext-quick-start-tasks__list .task-pflist-list__item--prereq .task-pflist-list__item__content {
999
+ position: relative;
1000
+ left: 2px;
1001
+ }
1002
+ .pfext-quick-start-tasks__list .task-pflist-list__item--proc {
1003
+ font-size: 14px;
1004
+ }
1005
+ .pfext-quick-start-tasks__list .task-pflist-list__item--proc .task-pflist-list__item__content {
1006
+ position: relative;
1007
+ left: 4px;
1008
+ }
1009
+ .pfext-quick-start-tasks__list .task-pflist-list__item__content .pf-c-alert {
1010
+ margin: var(--pf-global--spacer--md) 0;
1011
+ }
1012
+ .pfext-quick-start-tasks__list .task-pflist-list__item__content .pf-c-alert__title {
1013
+ margin-top: 0;
1014
+ margin-bottom: 0;
1015
+ font-weight: var(--pf-c-alert__title--FontWeight);
1016
+ font-family: inherit;
1017
+ line-height: inherit;
1018
+ color: var(--pf-c-alert__title--Color);
1019
+ word-break: break-word;
1020
+ }
1021
+ .pfext-quick-start-tasks__list .task-pflist-list__item__content .task-pflist-list__item__content__note {
1022
+ background-color: var(--pf-global--palette--blue-50);
1023
+ border-color: var(--pf-global--active-color--200);
1024
+ margin: var(--pf-global--spacer--md) 0;
1025
+ }
1026
+ .pfext-quick-start-tasks__list .task-pflist-list__item__content .task-pflist-list__item__content__note__body {
1027
+ font-size: 14px;
1028
+ }
865
1029
 
866
1030
  .pfext-quick-start-task-header__list {
867
- padding: 0 !important; }
868
- .pfext-quick-start-task-header__list button::before {
869
- content: none; }
870
- .pfext-quick-start-task-header__list li {
871
- list-style-type: none;
872
- display: flex;
873
- flex-wrap: wrap;
874
- align-items: center;
875
- margin-bottom: var(--pf-global--spacer--xs); }
1031
+ padding: 0 !important;
1032
+ }
1033
+ .pfext-quick-start-task-header__list button::before {
1034
+ content: none;
1035
+ }
1036
+ .pfext-quick-start-task-header__list li {
1037
+ list-style-type: none;
1038
+ display: flex;
1039
+ flex-wrap: wrap;
1040
+ align-items: center;
1041
+ margin-bottom: var(--pf-global--spacer--xs);
1042
+ }
876
1043
 
877
1044
  .pfext-quick-start-task-header {
878
1045
  margin-bottom: var(--pf-global--spacer--sm);
879
1046
  display: grid;
880
1047
  grid-template-columns: min-content auto;
881
- font-size: var(--pf-global--FontSize--md); }
882
- .pfext-quick-start-task-header button::before {
883
- content: none; }
884
- .pfext-quick-start-task-header__title {
885
- color: var(--pf-global--primary-color--100) !important;
886
- margin-right: var(--pf-global--spacer--md) !important; }
887
- .pfext-quick-start-task-header__subtitle {
888
- font-size: var(--pf-global--FontSize--sm);
889
- color: var(--pf-global--Color--dark-200) !important; }
890
- .pfext-quick-start-task-header__tryagain {
891
- display: block;
892
- font-size: var(--pf-global--FontSize--md);
893
- color: var(--pf-global--Color--300) !important; }
894
- .pfext-quick-start-task-header__title-success {
895
- color: var(--pf-global--success-color--100) !important; }
896
- .pfext-quick-start-task-header__title-failed {
897
- color: var(--pf-global--danger-color--100) !important; }
898
- .pfext-quick-start-task-header__task-icon-init {
899
- background-color: var(--pf-global--primary-color--100);
900
- border-radius: var(--pf-global--BorderRadius--lg);
901
- color: var(--pf-global--Color--light-100);
902
- display: inline-flex;
903
- justify-content: center;
904
- height: 1.5em;
905
- width: 1.5em; }
906
- .pfext-quick-start-task-header__task-icon-success, .pfext-quick-start-task-header__task-icon-failed {
907
- vertical-align: middle !important; }
908
- .pfext-quick-start-task-header__task-icon-success {
909
- color: var(--pf-global--success-color--100) !important; }
910
- .pfext-quick-start-task-header__task-icon-failed {
911
- color: var(--pf-global--danger-color--100) !important; }
1048
+ font-size: var(--pf-global--FontSize--md);
1049
+ }
1050
+ .pfext-quick-start-task-header button::before {
1051
+ content: none;
1052
+ }
1053
+ .pfext-quick-start-task-header__title {
1054
+ color: var(--pf-global--primary-color--100) !important;
1055
+ margin-right: var(--pf-global--spacer--md) !important;
1056
+ }
1057
+ .pfext-quick-start-task-header__subtitle {
1058
+ font-size: var(--pf-global--FontSize--sm);
1059
+ color: var(--pf-global--Color--dark-200) !important;
1060
+ }
1061
+ .pfext-quick-start-task-header__tryagain {
1062
+ display: block;
1063
+ font-size: var(--pf-global--FontSize--md);
1064
+ color: var(--pf-global--Color--300) !important;
1065
+ }
1066
+ .pfext-quick-start-task-header__title-success {
1067
+ color: var(--pf-global--success-color--100) !important;
1068
+ }
1069
+ .pfext-quick-start-task-header__title-failed {
1070
+ color: var(--pf-global--danger-color--100) !important;
1071
+ }
1072
+ .pfext-quick-start-task-header__task-icon-init {
1073
+ background-color: var(--pf-global--primary-color--100);
1074
+ border-radius: var(--pf-global--BorderRadius--lg);
1075
+ color: var(--pf-global--Color--light-100);
1076
+ display: inline-flex;
1077
+ justify-content: center;
1078
+ height: 1.5em;
1079
+ width: 1.5em;
1080
+ }
1081
+ .pfext-quick-start-task-header__task-icon-success, .pfext-quick-start-task-header__task-icon-failed {
1082
+ vertical-align: middle !important;
1083
+ }
1084
+ .pfext-quick-start-task-header__task-icon-success {
1085
+ color: var(--pf-global--success-color--100) !important;
1086
+ }
1087
+ .pfext-quick-start-task-header__task-icon-failed {
1088
+ color: var(--pf-global--danger-color--100) !important;
1089
+ }
912
1090
 
913
1091
  .pfext-quick-start-task-review-alert {
914
- margin: var(--pf-global--spacer--lg) 0; }
1092
+ margin: var(--pf-global--spacer--lg) 0;
1093
+ }
915
1094
 
916
1095
  .pfext-quick-start-task-review {
917
1096
  font-size: var(--pf-global--FontSize--md);
918
1097
  line-height: var(--pf-global--FontSize--xl);
919
- font-family: var(--pf-global--FontFamily--heading--sans-serif); }
920
- .pfext-quick-start-task-review__actions {
921
- display: flex;
922
- align-items: flex-start;
923
- margin-bottom: var(--pf-global--spacer--sm); }
924
- .pfext-quick-start-task-review__actions input[type='radio'] {
925
- margin-top: 0;
926
- margin-right: 0; }
927
- .pfext-quick-start-task-review__radio {
928
- margin-right: var(--pf-global--spacer--xl) !important; }
929
- .pfext-quick-start-task-review--success {
930
- color: var(--pf-global--success-color--100) !important; }
931
- .pfext-quick-start-task-review--failed {
932
- color: var(--pf-chart-global--danger--Color--100); }
1098
+ font-family: var(--pf-global--FontFamily--heading--sans-serif);
1099
+ }
1100
+ .pfext-quick-start-task-review__actions {
1101
+ display: flex;
1102
+ align-items: flex-start;
1103
+ margin-bottom: var(--pf-global--spacer--sm);
1104
+ }
1105
+ .pfext-quick-start-task-review__actions input[type=radio] {
1106
+ margin-top: 0;
1107
+ margin-right: 0;
1108
+ }
1109
+ .pfext-quick-start-task-review__radio {
1110
+ margin-right: var(--pf-global--spacer--xl) !important;
1111
+ }
1112
+ .pfext-quick-start-task-review--success {
1113
+ color: var(--pf-global--success-color--100) !important;
1114
+ }
1115
+ .pfext-quick-start-task-review--failed {
1116
+ color: var(--pf-chart-global--danger--Color--100);
1117
+ }
1118
+
1119
+ .pfext-modal {
1120
+ position: absolute !important;
1121
+ }
933
1122
 
934
1123
  .pfext-markdown-view .pfext-code-block__pre {
935
1124
  /* override the styles applied by showdown while parsing <pre /> */
@@ -938,80 +1127,90 @@
938
1127
  border-radius: none;
939
1128
  background-color: transparent;
940
1129
  margin: 0;
941
- padding: 0; }
942
-
1130
+ padding: 0;
1131
+ }
943
1132
  .pfext-markdown-view .pfext-markdown-execute-snippet__button > i.fa-check {
944
- display: none; }
945
-
1133
+ display: none;
1134
+ }
946
1135
  .pfext-markdown-view .pfext-markdown-execute-snippet__button > i.fa-play {
947
- display: inline; }
948
-
1136
+ display: inline;
1137
+ }
949
1138
  .pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed] > i.fa-check {
950
- display: inline; }
951
-
1139
+ display: inline;
1140
+ }
952
1141
  .pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed] > i.fa-play {
953
- display: none; }
954
-
1142
+ display: none;
1143
+ }
955
1144
  .pfext-markdown-view .pfext-markdown-admonition.pf-c-alert {
956
- margin: var(--pf-global--spacer--md) 0; }
957
- .pfext-markdown-view .pfext-markdown-admonition.pf-c-alert .pf-c-alert__title {
958
- margin-top: 0;
959
- margin-bottom: 0;
960
- font-weight: var(--pf-c-alert__title--FontWeight);
961
- font-family: inherit;
962
- line-height: inherit;
963
- color: var(--pf-c-alert__title--Color);
964
- word-break: break-word; }
965
-
966
- .pfext-modal {
967
- position: absolute !important; }
1145
+ margin: var(--pf-global--spacer--md) 0;
1146
+ }
1147
+ .pfext-markdown-view .pfext-markdown-admonition.pf-c-alert .pf-c-alert__title {
1148
+ margin-top: 0;
1149
+ margin-bottom: 0;
1150
+ font-weight: var(--pf-c-alert__title--FontWeight);
1151
+ font-family: inherit;
1152
+ line-height: inherit;
1153
+ color: var(--pf-c-alert__title--Color);
1154
+ word-break: break-word;
1155
+ }
968
1156
 
969
1157
  @keyframes pfext-spotlight-expand {
970
1158
  0% {
971
1159
  outline-offset: -4px;
972
1160
  outline-width: 4px;
973
- opacity: 1; }
1161
+ opacity: 1;
1162
+ }
974
1163
  100% {
975
1164
  outline-offset: 21px;
976
1165
  outline-width: 12px;
977
- opacity: 0; } }
978
-
1166
+ opacity: 0;
1167
+ }
1168
+ }
979
1169
  @keyframes pfext-spotlight-fade-in {
980
1170
  0% {
981
- opacity: 0; }
1171
+ opacity: 0;
1172
+ }
982
1173
  100% {
983
- opacity: 1; } }
984
-
1174
+ opacity: 1;
1175
+ }
1176
+ }
985
1177
  @keyframes pfext-spotlight-fade-out {
986
1178
  0% {
987
- opacity: 1; }
1179
+ opacity: 1;
1180
+ }
988
1181
  100% {
989
- opacity: 0; } }
990
-
1182
+ opacity: 0;
1183
+ }
1184
+ }
991
1185
  .pfext-spotlight {
992
1186
  pointer-events: none;
993
- position: absolute; }
994
- .pfext-spotlight__with-backdrop {
995
- mix-blend-mode: hard-light; }
996
- .pfext-spotlight__element-highlight-noanimate {
997
- border: var(--pf-global--BorderWidth--xl) solid var(--pf-global--palette--blue-200);
998
- background-color: var(--pf-global--palette--black-500);
999
- z-index: 9999; }
1000
- .pfext-spotlight__element-highlight-animate {
1001
- pointer-events: none;
1002
- position: absolute;
1003
- box-shadow: inset 0px 0px 0px 4px var(--pf-global--palette--blue-200);
1004
- opacity: 0;
1005
- animation: 0.4s pfext-spotlight-fade-in 0s ease-in-out, 5s pfext-spotlight-fade-out 12.8s ease-in-out;
1006
- animation-fill-mode: forwards; }
1007
- .pfext-spotlight__element-highlight-animate::after {
1008
- content: '';
1009
- position: absolute;
1010
- left: 0;
1011
- right: 0;
1012
- top: 0;
1013
- bottom: 0;
1014
- animation: 1.2s pfext-spotlight-expand 1.6s ease-out;
1015
- animation-fill-mode: forwards;
1016
- outline: 4px solid var(--pf-global--palette--blue-200);
1017
- outline-offset: -4px; }
1187
+ position: absolute;
1188
+ }
1189
+ .pfext-spotlight__with-backdrop {
1190
+ mix-blend-mode: hard-light;
1191
+ }
1192
+ .pfext-spotlight__element-highlight-noanimate {
1193
+ border: var(--pf-global--BorderWidth--xl) solid var(--pf-global--palette--blue-200);
1194
+ background-color: var(--pf-global--palette--black-500);
1195
+ z-index: 9999;
1196
+ }
1197
+ .pfext-spotlight__element-highlight-animate {
1198
+ pointer-events: none;
1199
+ position: absolute;
1200
+ box-shadow: inset 0px 0px 0px 4px var(--pf-global--palette--blue-200);
1201
+ opacity: 0;
1202
+ animation: 0.4s pfext-spotlight-fade-in 0s ease-in-out, 5s pfext-spotlight-fade-out 12.8s ease-in-out;
1203
+ animation-fill-mode: forwards;
1204
+ }
1205
+ .pfext-spotlight__element-highlight-animate::after {
1206
+ content: "";
1207
+ position: absolute;
1208
+ left: 0;
1209
+ right: 0;
1210
+ top: 0;
1211
+ bottom: 0;
1212
+ animation: 1.2s pfext-spotlight-expand 1.6s ease-out;
1213
+ animation-fill-mode: forwards;
1214
+ outline: 4px solid var(--pf-global--palette--blue-200);
1215
+ outline-offset: -4px;
1216
+ }