@patternfly/react-styles 6.0.0-alpha.30 → 6.0.0-alpha.31

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 (92) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/AboutModalBox/about-modal-box.css +11 -11
  3. package/css/components/Accordion/accordion.css +2 -0
  4. package/css/components/Avatar/avatar.css +40 -40
  5. package/css/components/BackToTop/back-to-top.css +1 -1
  6. package/css/components/Banner/banner.css +1 -1
  7. package/css/components/Brand/brand.css +10 -10
  8. package/css/components/Breadcrumb/breadcrumb.css +9 -6
  9. package/css/components/Button/button.css +16 -7
  10. package/css/components/Card/card.css +1 -1
  11. package/css/components/Content/content.css +12 -9
  12. package/css/components/DataList/data-list-grid.css +19 -19
  13. package/css/components/DataList/data-list.css +37 -41
  14. package/css/components/DescriptionList/description-list-order.css +5 -5
  15. package/css/components/DescriptionList/description-list.css +26 -31
  16. package/css/components/Divider/divider.css +20 -20
  17. package/css/components/Drawer/drawer.css +12 -12
  18. package/css/components/Form/form.css +6 -6
  19. package/css/components/JumpLinks/jump-links.css +6 -6
  20. package/css/components/Label/label.css +18 -17
  21. package/css/components/Login/login.css +13 -13
  22. package/css/components/Masthead/masthead.css +7 -7
  23. package/css/components/Menu/menu.css +10 -10
  24. package/css/components/MenuToggle/menu-toggle.css +6 -0
  25. package/css/components/MenuToggle/menu-toggle.d.ts +2 -1
  26. package/css/components/MenuToggle/menu-toggle.js +2 -1
  27. package/css/components/MenuToggle/menu-toggle.mjs +2 -1
  28. package/css/components/ModalBox/modal-box.css +2 -2
  29. package/css/components/Page/page.css +16 -149
  30. package/css/components/Page/page.d.ts +0 -2
  31. package/css/components/Page/page.js +0 -2
  32. package/css/components/Page/page.mjs +0 -2
  33. package/css/components/Pagination/pagination.css +8 -8
  34. package/css/components/ProgressStepper/progress-stepper.css +14 -13
  35. package/css/components/Sidebar/sidebar.css +8 -8
  36. package/css/components/SimpleList/simple-list.css +1 -1
  37. package/css/components/TabContent/tab-content.css +1 -1
  38. package/css/components/Table/table-grid.css +14 -20
  39. package/css/components/Table/table-tree-view.css +44 -54
  40. package/css/components/Table/table-tree-view.d.ts +1 -3
  41. package/css/components/Table/table-tree-view.js +1 -3
  42. package/css/components/Table/table-tree-view.mjs +1 -3
  43. package/css/components/Table/table.css +5 -5
  44. package/css/components/Tabs/tabs.css +11 -11
  45. package/css/components/Timestamp/timestamp.css +8 -17
  46. package/css/components/ToggleGroup/toggle-group.css +2 -2
  47. package/css/components/Toolbar/toolbar.css +30 -29
  48. package/css/components/Wizard/wizard.css +6 -6
  49. package/css/components/_index.css +434 -575
  50. package/css/components/_index.d.ts +1 -3
  51. package/css/components/_index.js +1 -3
  52. package/css/components/_index.mjs +1 -3
  53. package/css/layouts/Flex/flex.css +35 -35
  54. package/css/layouts/Gallery/gallery.css +10 -10
  55. package/css/layouts/Grid/grid.css +15 -15
  56. package/css/layouts/_index.css +60 -60
  57. package/css/utilities/Accessibility/accessibility.css +15 -15
  58. package/css/utilities/Alignment/alignment.css +5 -5
  59. package/css/utilities/BackgroundColor/background-color.css +5 -5
  60. package/css/utilities/Display/display.css +5 -5
  61. package/css/utilities/Flex/flex.css +50 -50
  62. package/css/utilities/Float/float.css +5 -5
  63. package/css/utilities/Sizing/sizing.css +30 -30
  64. package/css/utilities/Spacing/spacing.css +700 -700
  65. package/css/utilities/Text/text.css +20 -20
  66. package/css/utilities/_index.css +835 -835
  67. package/package.json +3 -3
  68. package/css/components/Consoles/AccessConsoles.css +0 -14
  69. package/css/components/Consoles/AccessConsoles.d.ts +0 -6
  70. package/css/components/Consoles/AccessConsoles.js +0 -7
  71. package/css/components/Consoles/AccessConsoles.mjs +0 -5
  72. package/css/components/Consoles/DesktopViewer.css +0 -6
  73. package/css/components/Consoles/DesktopViewer.d.ts +0 -5
  74. package/css/components/Consoles/DesktopViewer.js +0 -6
  75. package/css/components/Consoles/DesktopViewer.mjs +0 -4
  76. package/css/components/Consoles/SerialConsole.css +0 -11
  77. package/css/components/Consoles/SerialConsole.d.ts +0 -6
  78. package/css/components/Consoles/SerialConsole.js +0 -7
  79. package/css/components/Consoles/SerialConsole.mjs +0 -5
  80. package/css/components/Consoles/VncConsole.css +0 -10
  81. package/css/components/Consoles/VncConsole.d.ts +0 -6
  82. package/css/components/Consoles/VncConsole.js +0 -7
  83. package/css/components/Consoles/VncConsole.mjs +0 -5
  84. package/css/components/Consoles/xterm.css +0 -171
  85. package/css/components/Consoles/xterm.d.ts +0 -26
  86. package/css/components/Consoles/xterm.js +0 -27
  87. package/css/components/Consoles/xterm.mjs +0 -25
  88. package/src/css/components/Consoles/AccessConsoles.css +0 -14
  89. package/src/css/components/Consoles/DesktopViewer.css +0 -6
  90. package/src/css/components/Consoles/SerialConsole.css +0 -11
  91. package/src/css/components/Consoles/VncConsole.css +0 -10
  92. package/src/css/components/Consoles/xterm.css +0 -171
package/css/utilities/Display/display.css CHANGED
@@ -42,7 +42,7 @@
42
42
  display: inline-grid !important;
43
43
  }
44
44
 
45
- @media screen and (min-width: 576px) {
45
+ @media screen and (min-width: 36rem) {
46
46
  .pf-v6-u-display-none-on-sm {
47
47
  display: none !important;
48
48
  }
@@ -77,7 +77,7 @@
77
77
  display: inline-grid !important;
78
78
  }
79
79
  }
80
- @media screen and (min-width: 768px) {
80
+ @media screen and (min-width: 48rem) {
81
81
  .pf-v6-u-display-none-on-md {
82
82
  display: none !important;
83
83
  }
@@ -112,7 +112,7 @@
112
112
  display: inline-grid !important;
113
113
  }
114
114
  }
115
- @media screen and (min-width: 992px) {
115
+ @media screen and (min-width: 62rem) {
116
116
  .pf-v6-u-display-none-on-lg {
117
117
  display: none !important;
118
118
  }
@@ -147,7 +147,7 @@
147
147
  display: inline-grid !important;
148
148
  }
149
149
  }
150
- @media screen and (min-width: 1200px) {
150
+ @media screen and (min-width: 75rem) {
151
151
  .pf-v6-u-display-none-on-xl {
152
152
  display: none !important;
153
153
  }
@@ -182,7 +182,7 @@
182
182
  display: inline-grid !important;
183
183
  }
184
184
  }
185
- @media screen and (min-width: 1450px) {
185
+ @media screen and (min-width: 90.625rem) {
186
186
  .pf-v6-u-display-none-on-2xl {
187
187
  display: none !important;
188
188
  }
package/css/utilities/Flex/flex.css CHANGED
@@ -14,7 +14,7 @@
14
14
  flex-direction: row-reverse !important;
15
15
  }
16
16
 
17
- @media screen and (min-width: 576px) {
17
+ @media screen and (min-width: 36rem) {
18
18
  .pf-v6-u-flex-direction-column-on-sm {
19
19
  flex-direction: column !important;
20
20
  }
@@ -28,7 +28,7 @@
28
28
  flex-direction: row-reverse !important;
29
29
  }
30
30
  }
31
- @media screen and (min-width: 768px) {
31
+ @media screen and (min-width: 48rem) {
32
32
  .pf-v6-u-flex-direction-column-on-md {
33
33
  flex-direction: column !important;
34
34
  }
@@ -42,7 +42,7 @@
42
42
  flex-direction: row-reverse !important;
43
43
  }
44
44
  }
45
- @media screen and (min-width: 992px) {
45
+ @media screen and (min-width: 62rem) {
46
46
  .pf-v6-u-flex-direction-column-on-lg {
47
47
  flex-direction: column !important;
48
48
  }
@@ -56,7 +56,7 @@
56
56
  flex-direction: row-reverse !important;
57
57
  }
58
58
  }
59
- @media screen and (min-width: 1200px) {
59
+ @media screen and (min-width: 75rem) {
60
60
  .pf-v6-u-flex-direction-column-on-xl {
61
61
  flex-direction: column !important;
62
62
  }
@@ -70,7 +70,7 @@
70
70
  flex-direction: row-reverse !important;
71
71
  }
72
72
  }
73
- @media screen and (min-width: 1450px) {
73
+ @media screen and (min-width: 90.625rem) {
74
74
  .pf-v6-u-flex-direction-column-on-2xl {
75
75
  flex-direction: column !important;
76
76
  }
@@ -96,7 +96,7 @@
96
96
  flex-wrap: wrap-reverse !important;
97
97
  }
98
98
 
99
- @media screen and (min-width: 576px) {
99
+ @media screen and (min-width: 36rem) {
100
100
  .pf-v6-u-flex-wrap-on-sm {
101
101
  flex-wrap: wrap !important;
102
102
  }
@@ -107,7 +107,7 @@
107
107
  flex-wrap: wrap-reverse !important;
108
108
  }
109
109
  }
110
- @media screen and (min-width: 768px) {
110
+ @media screen and (min-width: 48rem) {
111
111
  .pf-v6-u-flex-wrap-on-md {
112
112
  flex-wrap: wrap !important;
113
113
  }
@@ -118,7 +118,7 @@
118
118
  flex-wrap: wrap-reverse !important;
119
119
  }
120
120
  }
121
- @media screen and (min-width: 992px) {
121
+ @media screen and (min-width: 62rem) {
122
122
  .pf-v6-u-flex-wrap-on-lg {
123
123
  flex-wrap: wrap !important;
124
124
  }
@@ -129,7 +129,7 @@
129
129
  flex-wrap: wrap-reverse !important;
130
130
  }
131
131
  }
132
- @media screen and (min-width: 1200px) {
132
+ @media screen and (min-width: 75rem) {
133
133
  .pf-v6-u-flex-wrap-on-xl {
134
134
  flex-wrap: wrap !important;
135
135
  }
@@ -140,7 +140,7 @@
140
140
  flex-wrap: wrap-reverse !important;
141
141
  }
142
142
  }
143
- @media screen and (min-width: 1450px) {
143
+ @media screen and (min-width: 90.625rem) {
144
144
  .pf-v6-u-flex-wrap-on-2xl {
145
145
  flex-wrap: wrap !important;
146
146
  }
@@ -171,7 +171,7 @@
171
171
  align-items: stretch !important;
172
172
  }
173
173
 
174
- @media screen and (min-width: 576px) {
174
+ @media screen and (min-width: 36rem) {
175
175
  .pf-v6-u-align-items-flex-start-on-sm {
176
176
  align-items: flex-start !important;
177
177
  }
@@ -188,7 +188,7 @@
188
188
  align-items: stretch !important;
189
189
  }
190
190
  }
191
- @media screen and (min-width: 768px) {
191
+ @media screen and (min-width: 48rem) {
192
192
  .pf-v6-u-align-items-flex-start-on-md {
193
193
  align-items: flex-start !important;
194
194
  }
@@ -205,7 +205,7 @@
205
205
  align-items: stretch !important;
206
206
  }
207
207
  }
208
- @media screen and (min-width: 992px) {
208
+ @media screen and (min-width: 62rem) {
209
209
  .pf-v6-u-align-items-flex-start-on-lg {
210
210
  align-items: flex-start !important;
211
211
  }
@@ -222,7 +222,7 @@
222
222
  align-items: stretch !important;
223
223
  }
224
224
  }
225
- @media screen and (min-width: 1200px) {
225
+ @media screen and (min-width: 75rem) {
226
226
  .pf-v6-u-align-items-flex-start-on-xl {
227
227
  align-items: flex-start !important;
228
228
  }
@@ -239,7 +239,7 @@
239
239
  align-items: stretch !important;
240
240
  }
241
241
  }
242
- @media screen and (min-width: 1450px) {
242
+ @media screen and (min-width: 90.625rem) {
243
243
  .pf-v6-u-align-items-flex-start-on-2xl {
244
244
  align-items: flex-start !important;
245
245
  }
@@ -276,7 +276,7 @@
276
276
  align-self: stretch !important;
277
277
  }
278
278
 
279
- @media screen and (min-width: 576px) {
279
+ @media screen and (min-width: 36rem) {
280
280
  .pf-v6-u-align-self-flex-start-on-sm {
281
281
  align-self: flex-start !important;
282
282
  }
@@ -293,7 +293,7 @@
293
293
  align-self: stretch !important;
294
294
  }
295
295
  }
296
- @media screen and (min-width: 768px) {
296
+ @media screen and (min-width: 48rem) {
297
297
  .pf-v6-u-align-self-flex-start-on-md {
298
298
  align-self: flex-start !important;
299
299
  }
@@ -310,7 +310,7 @@
310
310
  align-self: stretch !important;
311
311
  }
312
312
  }
313
- @media screen and (min-width: 992px) {
313
+ @media screen and (min-width: 62rem) {
314
314
  .pf-v6-u-align-self-flex-start-on-lg {
315
315
  align-self: flex-start !important;
316
316
  }
@@ -327,7 +327,7 @@
327
327
  align-self: stretch !important;
328
328
  }
329
329
  }
330
- @media screen and (min-width: 1200px) {
330
+ @media screen and (min-width: 75rem) {
331
331
  .pf-v6-u-align-self-flex-start-on-xl {
332
332
  align-self: flex-start !important;
333
333
  }
@@ -344,7 +344,7 @@
344
344
  align-self: stretch !important;
345
345
  }
346
346
  }
347
- @media screen and (min-width: 1450px) {
347
+ @media screen and (min-width: 90.625rem) {
348
348
  .pf-v6-u-align-self-flex-start-on-2xl {
349
349
  align-self: flex-start !important;
350
350
  }
@@ -385,7 +385,7 @@
385
385
  align-content: stretch !important;
386
386
  }
387
387
 
388
- @media screen and (min-width: 576px) {
388
+ @media screen and (min-width: 36rem) {
389
389
  .pf-v6-u-align-content-flex-start-on-sm {
390
390
  align-content: flex-start !important;
391
391
  }
@@ -405,7 +405,7 @@
405
405
  align-content: stretch !important;
406
406
  }
407
407
  }
408
- @media screen and (min-width: 768px) {
408
+ @media screen and (min-width: 48rem) {
409
409
  .pf-v6-u-align-content-flex-start-on-md {
410
410
  align-content: flex-start !important;
411
411
  }
@@ -425,7 +425,7 @@
425
425
  align-content: stretch !important;
426
426
  }
427
427
  }
428
- @media screen and (min-width: 992px) {
428
+ @media screen and (min-width: 62rem) {
429
429
  .pf-v6-u-align-content-flex-start-on-lg {
430
430
  align-content: flex-start !important;
431
431
  }
@@ -445,7 +445,7 @@
445
445
  align-content: stretch !important;
446
446
  }
447
447
  }
448
- @media screen and (min-width: 1200px) {
448
+ @media screen and (min-width: 75rem) {
449
449
  .pf-v6-u-align-content-flex-start-on-xl {
450
450
  align-content: flex-start !important;
451
451
  }
@@ -465,7 +465,7 @@
465
465
  align-content: stretch !important;
466
466
  }
467
467
  }
468
- @media screen and (min-width: 1450px) {
468
+ @media screen and (min-width: 90.625rem) {
469
469
  .pf-v6-u-align-content-flex-start-on-2xl {
470
470
  align-content: flex-start !important;
471
471
  }
@@ -509,7 +509,7 @@
509
509
  justify-content: stretch !important;
510
510
  }
511
511
 
512
- @media screen and (min-width: 576px) {
512
+ @media screen and (min-width: 36rem) {
513
513
  .pf-v6-u-justify-content-flex-start-on-sm {
514
514
  justify-content: flex-start !important;
515
515
  }
@@ -529,7 +529,7 @@
529
529
  justify-content: stretch !important;
530
530
  }
531
531
  }
532
- @media screen and (min-width: 768px) {
532
+ @media screen and (min-width: 48rem) {
533
533
  .pf-v6-u-justify-content-flex-start-on-md {
534
534
  justify-content: flex-start !important;
535
535
  }
@@ -549,7 +549,7 @@
549
549
  justify-content: stretch !important;
550
550
  }
551
551
  }
552
- @media screen and (min-width: 992px) {
552
+ @media screen and (min-width: 62rem) {
553
553
  .pf-v6-u-justify-content-flex-start-on-lg {
554
554
  justify-content: flex-start !important;
555
555
  }
@@ -569,7 +569,7 @@
569
569
  justify-content: stretch !important;
570
570
  }
571
571
  }
572
- @media screen and (min-width: 1200px) {
572
+ @media screen and (min-width: 75rem) {
573
573
  .pf-v6-u-justify-content-flex-start-on-xl {
574
574
  justify-content: flex-start !important;
575
575
  }
@@ -589,7 +589,7 @@
589
589
  justify-content: stretch !important;
590
590
  }
591
591
  }
592
- @media screen and (min-width: 1450px) {
592
+ @media screen and (min-width: 90.625rem) {
593
593
  .pf-v6-u-justify-content-flex-start-on-2xl {
594
594
  justify-content: flex-start !important;
595
595
  }
@@ -625,7 +625,7 @@
625
625
  flex-grow: 0 !important;
626
626
  }
627
627
 
628
- @media screen and (min-width: 576px) {
628
+ @media screen and (min-width: 36rem) {
629
629
  .pf-v6-u-flex-shrink-1-on-sm {
630
630
  flex-shrink: 1 !important;
631
631
  }
@@ -639,7 +639,7 @@
639
639
  flex-grow: 0 !important;
640
640
  }
641
641
  }
642
- @media screen and (min-width: 768px) {
642
+ @media screen and (min-width: 48rem) {
643
643
  .pf-v6-u-flex-shrink-1-on-md {
644
644
  flex-shrink: 1 !important;
645
645
  }
@@ -653,7 +653,7 @@
653
653
  flex-grow: 0 !important;
654
654
  }
655
655
  }
656
- @media screen and (min-width: 992px) {
656
+ @media screen and (min-width: 62rem) {
657
657
  .pf-v6-u-flex-shrink-1-on-lg {
658
658
  flex-shrink: 1 !important;
659
659
  }
@@ -667,7 +667,7 @@
667
667
  flex-grow: 0 !important;
668
668
  }
669
669
  }
670
- @media screen and (min-width: 1200px) {
670
+ @media screen and (min-width: 75rem) {
671
671
  .pf-v6-u-flex-shrink-1-on-xl {
672
672
  flex-shrink: 1 !important;
673
673
  }
@@ -681,7 +681,7 @@
681
681
  flex-grow: 0 !important;
682
682
  }
683
683
  }
684
- @media screen and (min-width: 1450px) {
684
+ @media screen and (min-width: 90.625rem) {
685
685
  .pf-v6-u-flex-shrink-1-on-2xl {
686
686
  flex-shrink: 1 !important;
687
687
  }
@@ -703,7 +703,7 @@
703
703
  flex-basis: auto !important;
704
704
  }
705
705
 
706
- @media screen and (min-width: 576px) {
706
+ @media screen and (min-width: 36rem) {
707
707
  .pf-v6-u-flex-basis-0-on-sm {
708
708
  flex-basis: 0 !important;
709
709
  }
@@ -711,7 +711,7 @@
711
711
  flex-basis: auto !important;
712
712
  }
713
713
  }
714
- @media screen and (min-width: 768px) {
714
+ @media screen and (min-width: 48rem) {
715
715
  .pf-v6-u-flex-basis-0-on-md {
716
716
  flex-basis: 0 !important;
717
717
  }
@@ -719,7 +719,7 @@
719
719
  flex-basis: auto !important;
720
720
  }
721
721
  }
722
- @media screen and (min-width: 992px) {
722
+ @media screen and (min-width: 62rem) {
723
723
  .pf-v6-u-flex-basis-0-on-lg {
724
724
  flex-basis: 0 !important;
725
725
  }
@@ -727,7 +727,7 @@
727
727
  flex-basis: auto !important;
728
728
  }
729
729
  }
730
- @media screen and (min-width: 1200px) {
730
+ @media screen and (min-width: 75rem) {
731
731
  .pf-v6-u-flex-basis-0-on-xl {
732
732
  flex-basis: 0 !important;
733
733
  }
@@ -735,7 +735,7 @@
735
735
  flex-basis: auto !important;
736
736
  }
737
737
  }
738
- @media screen and (min-width: 1450px) {
738
+ @media screen and (min-width: 90.625rem) {
739
739
  .pf-v6-u-flex-basis-0-on-2xl {
740
740
  flex-basis: 0 !important;
741
741
  }
@@ -751,7 +751,7 @@
751
751
  flex: 1 !important;
752
752
  }
753
753
 
754
- @media screen and (min-width: 576px) {
754
+ @media screen and (min-width: 36rem) {
755
755
  .pf-v6-u-flex-none-on-sm {
756
756
  flex: none !important;
757
757
  }
@@ -759,7 +759,7 @@
759
759
  flex: 1 !important;
760
760
  }
761
761
  }
762
- @media screen and (min-width: 768px) {
762
+ @media screen and (min-width: 48rem) {
763
763
  .pf-v6-u-flex-none-on-md {
764
764
  flex: none !important;
765
765
  }
@@ -767,7 +767,7 @@
767
767
  flex: 1 !important;
768
768
  }
769
769
  }
770
- @media screen and (min-width: 992px) {
770
+ @media screen and (min-width: 62rem) {
771
771
  .pf-v6-u-flex-none-on-lg {
772
772
  flex: none !important;
773
773
  }
@@ -775,7 +775,7 @@
775
775
  flex: 1 !important;
776
776
  }
777
777
  }
778
- @media screen and (min-width: 1200px) {
778
+ @media screen and (min-width: 75rem) {
779
779
  .pf-v6-u-flex-none-on-xl {
780
780
  flex: none !important;
781
781
  }
@@ -783,7 +783,7 @@
783
783
  flex: 1 !important;
784
784
  }
785
785
  }
786
- @media screen and (min-width: 1450px) {
786
+ @media screen and (min-width: 90.625rem) {
787
787
  .pf-v6-u-flex-none-on-2xl {
788
788
  flex: none !important;
789
789
  }
@@ -795,31 +795,31 @@
795
795
  flex: 1 1 auto !important;
796
796
  }
797
797
 
798
- @media screen and (min-width: 576px) {
798
+ @media screen and (min-width: 36rem) {
799
799
  .pf-v6-u-flex-fill-on-sm {
800
800
  flex: 1 1 auto !important;
801
801
  }
802
802
  }
803
803
 
804
- @media screen and (min-width: 768px) {
804
+ @media screen and (min-width: 48rem) {
805
805
  .pf-v6-u-flex-fill-on-md {
806
806
  flex: 1 1 auto !important;
807
807
  }
808
808
  }
809
809
 
810
- @media screen and (min-width: 992px) {
810
+ @media screen and (min-width: 62rem) {
811
811
  .pf-v6-u-flex-fill-on-lg {
812
812
  flex: 1 1 auto !important;
813
813
  }
814
814
  }
815
815
 
816
- @media screen and (min-width: 1200px) {
816
+ @media screen and (min-width: 75rem) {
817
817
  .pf-v6-u-flex-fill-on-xl {
818
818
  flex: 1 1 auto !important;
819
819
  }
820
820
  }
821
821
 
822
- @media screen and (min-width: 1450px) {
822
+ @media screen and (min-width: 90.625rem) {
823
823
  .pf-v6-u-flex-fill-on-2xl {
824
824
  flex: 1 1 auto !important;
825
825
  }
package/css/utilities/Float/float.css CHANGED
@@ -6,7 +6,7 @@
6
6
  float: inline-end !important;
7
7
  }
8
8
 
9
- @media screen and (min-width: 576px) {
9
+ @media screen and (min-width: 36rem) {
10
10
  .pf-v6-u-float-inline-start-on-sm {
11
11
  float: inline-start !important;
12
12
  }
@@ -14,7 +14,7 @@
14
14
  float: inline-end !important;
15
15
  }
16
16
  }
17
- @media screen and (min-width: 768px) {
17
+ @media screen and (min-width: 48rem) {
18
18
  .pf-v6-u-float-inline-start-on-md {
19
19
  float: inline-start !important;
20
20
  }
@@ -22,7 +22,7 @@
22
22
  float: inline-end !important;
23
23
  }
24
24
  }
25
- @media screen and (min-width: 992px) {
25
+ @media screen and (min-width: 62rem) {
26
26
  .pf-v6-u-float-inline-start-on-lg {
27
27
  float: inline-start !important;
28
28
  }
@@ -30,7 +30,7 @@
30
30
  float: inline-end !important;
31
31
  }
32
32
  }
33
- @media screen and (min-width: 1200px) {
33
+ @media screen and (min-width: 75rem) {
34
34
  .pf-v6-u-float-inline-start-on-xl {
35
35
  float: inline-start !important;
36
36
  }
@@ -38,7 +38,7 @@
38
38
  float: inline-end !important;
39
39
  }
40
40
  }
41
- @media screen and (min-width: 1450px) {
41
+ @media screen and (min-width: 90.625rem) {
42
42
  .pf-v6-u-float-inline-start-on-2xl {
43
43
  float: inline-start !important;
44
44
  }