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

Sign up to get free protection for your applications and to get access to all the features.
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
  }