@patternfly/quickstarts 6.0.0-alpha.3 → 6.0.0-alpha.4

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 (6) hide show
  1. package/dist/patternfly-global.css +13 -13
  2. package/dist/patternfly-nested.css +492 -438
  3. package/dist/quickstarts-full.es.js +673 -641
  4. package/dist/quickstarts-full.es.js.map +1 -1
  5. package/dist/quickstarts-standalone.min.css +3 -3
  6. package/package.json +9 -9
package/dist/patternfly-global.css CHANGED
@@ -1,4 +1,4 @@
1
- @media screen and (min-width: 75rem) {
1
+ @media screen and (min-width: 1200px) {
2
2
  :where(:root, .pf-v6-c-drawer).pf-m-panel-bottom {
3
3
  --pf-v6-c-drawer__panel--MinWidth: auto;
4
4
  --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
@@ -138,7 +138,7 @@
138
138
  .pf-v6-c-drawer__panel.pf-m-no-background {
139
139
  --pf-v6-c-drawer__panel--BackgroundColor: transparent;
140
140
  }
141
- @media screen and (min-width: 48rem) {
141
+ @media screen and (min-width: 768px) {
142
142
  .pf-v6-c-drawer__panel {
143
143
  --pf-v6-c-drawer__panel--FlexBasis:
144
144
  max(
@@ -147,7 +147,7 @@
147
147
  );
148
148
  }
149
149
  }
150
- @media screen and (min-width: 75rem) {
150
+ @media screen and (min-width: 1200px) {
151
151
  .pf-v6-c-drawer__panel {
152
152
  --pf-v6-c-drawer__panel--md--FlexBasis: var(--pf-v6-c-drawer__panel--xl--FlexBasis);
153
153
  }
@@ -288,7 +288,7 @@
288
288
  border-inline-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth);
289
289
  }
290
290
 
291
- @media screen and (min-width: 48rem) {
291
+ @media screen and (min-width: 768px) {
292
292
  .pf-v6-c-drawer {
293
293
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
294
294
  }
@@ -383,7 +383,7 @@
383
383
  display: block;
384
384
  }
385
385
  }
386
- @media (min-width: 48rem) {
386
+ @media (min-width: 768px) {
387
387
  .pf-v6-c-drawer__panel.pf-m-width-25 {
388
388
  --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
389
389
  }
@@ -408,7 +408,7 @@
408
408
  --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
409
409
  }
410
410
  }
411
- @media (min-width: 62rem) {
411
+ @media (min-width: 992px) {
412
412
  .pf-v6-c-drawer__panel.pf-m-width-25-on-lg {
413
413
  --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
414
414
  }
@@ -433,7 +433,7 @@
433
433
  --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
434
434
  }
435
435
  }
436
- @media (min-width: 75rem) {
436
+ @media (min-width: 1200px) {
437
437
  .pf-v6-c-drawer__panel.pf-m-width-25-on-xl {
438
438
  --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
439
439
  }
@@ -458,7 +458,7 @@
458
458
  --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
459
459
  }
460
460
  }
461
- @media (min-width: 90.625rem) {
461
+ @media (min-width: 1450px) {
462
462
  .pf-v6-c-drawer__panel.pf-m-width-25-on-2xl {
463
463
  --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
464
464
  }
@@ -483,7 +483,7 @@
483
483
  --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
484
484
  }
485
485
  }
486
- @media (min-width: 48rem) {
486
+ @media (min-width: 768px) {
487
487
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
488
488
  .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
489
489
  flex-shrink: 1;
@@ -554,7 +554,7 @@
554
554
  display: none;
555
555
  }
556
556
  }
557
- @media (min-width: 62rem) {
557
+ @media (min-width: 992px) {
558
558
  .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
559
559
  .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
560
560
  flex-shrink: 1;
@@ -625,7 +625,7 @@
625
625
  display: none;
626
626
  }
627
627
  }
628
- @media (min-width: 75rem) {
628
+ @media (min-width: 1200px) {
629
629
  .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
630
630
  .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
631
631
  flex-shrink: 1;
@@ -696,7 +696,7 @@
696
696
  display: none;
697
697
  }
698
698
  }
699
- @media (min-width: 90.625rem) {
699
+ @media (min-width: 1450px) {
700
700
  .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
701
701
  .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
702
702
  flex-shrink: 1;
@@ -1060,7 +1060,7 @@
1060
1060
  .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
1061
1061
  margin-inline-end: var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd);
1062
1062
  }
1063
- @media screen and (min-width: 36rem) {
1063
+ @media screen and (min-width: 576px) {
1064
1064
  .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
1065
1065
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
1066
1066
  }