@wordpress/block-library 6.0.15 → 6.0.18

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 (154) hide show
  1. package/build/columns/index.js +1 -2
  2. package/build/columns/index.js.map +1 -1
  3. package/build/group/edit.native.js +1 -1
  4. package/build/group/edit.native.js.map +1 -1
  5. package/build/group/index.js +3 -1
  6. package/build/group/index.js.map +1 -1
  7. package/build/navigation/deprecated.js +1 -3
  8. package/build/navigation/deprecated.js.map +1 -1
  9. package/build/navigation/edit/index.js +100 -44
  10. package/build/navigation/edit/index.js.map +1 -1
  11. package/build/navigation/edit/navigation-menu-selector.js +3 -2
  12. package/build/navigation/edit/navigation-menu-selector.js.map +1 -1
  13. package/build/navigation/edit/placeholder/index.js +15 -7
  14. package/build/navigation/edit/placeholder/index.js.map +1 -1
  15. package/build/navigation/edit/responsive-wrapper.js +9 -7
  16. package/build/navigation/edit/responsive-wrapper.js.map +1 -1
  17. package/build/navigation/edit/unsaved-inner-blocks.js +3 -11
  18. package/build/navigation/edit/unsaved-inner-blocks.js.map +1 -1
  19. package/build/navigation/edit/use-navigation-notice.js +54 -0
  20. package/build/navigation/edit/use-navigation-notice.js.map +1 -0
  21. package/build/navigation/index.js +2 -7
  22. package/build/navigation/index.js.map +1 -1
  23. package/build/navigation/use-navigation-menu.js +9 -2
  24. package/build/navigation/use-navigation-menu.js.map +1 -1
  25. package/build/navigation/view.js +12 -7
  26. package/build/navigation/view.js.map +1 -1
  27. package/build/post-author/edit.js +1 -1
  28. package/build/post-author/edit.js.map +1 -1
  29. package/build/post-content/edit.js +1 -1
  30. package/build/post-content/edit.js.map +1 -1
  31. package/build/post-date/edit.js +1 -1
  32. package/build/post-date/edit.js.map +1 -1
  33. package/build/post-excerpt/edit.js +1 -1
  34. package/build/post-excerpt/edit.js.map +1 -1
  35. package/build/post-featured-image/edit.js +1 -1
  36. package/build/post-featured-image/edit.js.map +1 -1
  37. package/build/post-template/edit.js +54 -13
  38. package/build/post-template/edit.js.map +1 -1
  39. package/build/post-title/edit.js +1 -1
  40. package/build/post-title/edit.js.map +1 -1
  41. package/build/site-logo/edit.js +117 -16
  42. package/build/site-logo/edit.js.map +1 -1
  43. package/build/site-logo/index.js +5 -4
  44. package/build/site-logo/index.js.map +1 -1
  45. package/build/template-part/edit/index.js +7 -1
  46. package/build/template-part/edit/index.js.map +1 -1
  47. package/build/template-part/index.js +25 -1
  48. package/build/template-part/index.js.map +1 -1
  49. package/build-module/columns/index.js +1 -2
  50. package/build-module/columns/index.js.map +1 -1
  51. package/build-module/group/edit.native.js +1 -1
  52. package/build-module/group/edit.native.js.map +1 -1
  53. package/build-module/group/index.js +3 -1
  54. package/build-module/group/index.js.map +1 -1
  55. package/build-module/navigation/deprecated.js +1 -3
  56. package/build-module/navigation/deprecated.js.map +1 -1
  57. package/build-module/navigation/edit/index.js +98 -44
  58. package/build-module/navigation/edit/index.js.map +1 -1
  59. package/build-module/navigation/edit/navigation-menu-selector.js +3 -2
  60. package/build-module/navigation/edit/navigation-menu-selector.js.map +1 -1
  61. package/build-module/navigation/edit/placeholder/index.js +15 -7
  62. package/build-module/navigation/edit/placeholder/index.js.map +1 -1
  63. package/build-module/navigation/edit/responsive-wrapper.js +9 -7
  64. package/build-module/navigation/edit/responsive-wrapper.js.map +1 -1
  65. package/build-module/navigation/edit/unsaved-inner-blocks.js +4 -13
  66. package/build-module/navigation/edit/unsaved-inner-blocks.js.map +1 -1
  67. package/build-module/navigation/edit/use-navigation-notice.js +44 -0
  68. package/build-module/navigation/edit/use-navigation-notice.js.map +1 -0
  69. package/build-module/navigation/index.js +2 -7
  70. package/build-module/navigation/index.js.map +1 -1
  71. package/build-module/navigation/use-navigation-menu.js +9 -2
  72. package/build-module/navigation/use-navigation-menu.js.map +1 -1
  73. package/build-module/navigation/view.js +12 -7
  74. package/build-module/navigation/view.js.map +1 -1
  75. package/build-module/post-author/edit.js +1 -1
  76. package/build-module/post-author/edit.js.map +1 -1
  77. package/build-module/post-content/edit.js +1 -1
  78. package/build-module/post-content/edit.js.map +1 -1
  79. package/build-module/post-date/edit.js +1 -1
  80. package/build-module/post-date/edit.js.map +1 -1
  81. package/build-module/post-excerpt/edit.js +1 -1
  82. package/build-module/post-excerpt/edit.js.map +1 -1
  83. package/build-module/post-featured-image/edit.js +1 -1
  84. package/build-module/post-featured-image/edit.js.map +1 -1
  85. package/build-module/post-template/edit.js +54 -15
  86. package/build-module/post-template/edit.js.map +1 -1
  87. package/build-module/post-title/edit.js +1 -1
  88. package/build-module/post-title/edit.js.map +1 -1
  89. package/build-module/site-logo/edit.js +118 -17
  90. package/build-module/site-logo/edit.js.map +1 -1
  91. package/build-module/site-logo/index.js +5 -4
  92. package/build-module/site-logo/index.js.map +1 -1
  93. package/build-module/template-part/edit/index.js +6 -1
  94. package/build-module/template-part/edit/index.js.map +1 -1
  95. package/build-module/template-part/index.js +25 -1
  96. package/build-module/template-part/index.js.map +1 -1
  97. package/build-style/common-rtl.css +10 -0
  98. package/build-style/common.css +10 -0
  99. package/build-style/editor-rtl.css +29 -17
  100. package/build-style/editor.css +29 -17
  101. package/build-style/navigation/editor-rtl.css +15 -6
  102. package/build-style/navigation/editor.css +15 -6
  103. package/build-style/navigation/style-rtl.css +55 -24
  104. package/build-style/navigation/style.css +55 -24
  105. package/build-style/post-comments/style-rtl.css +0 -1
  106. package/build-style/post-comments/style.css +0 -1
  107. package/build-style/site-logo/editor-rtl.css +1 -11
  108. package/build-style/site-logo/editor.css +1 -11
  109. package/build-style/site-logo/style-rtl.css +3 -1
  110. package/build-style/site-logo/style.css +3 -1
  111. package/build-style/style-rtl.css +68 -26
  112. package/build-style/style.css +68 -26
  113. package/package.json +14 -14
  114. package/src/columns/block.json +1 -2
  115. package/src/common.scss +12 -0
  116. package/src/editor.scss +15 -0
  117. package/src/gallery/index.php +1 -1
  118. package/src/group/block.json +3 -1
  119. package/src/group/edit.native.js +1 -1
  120. package/src/home-link/index.php +1 -1
  121. package/src/navigation/block.json +2 -13
  122. package/src/navigation/deprecated.js +0 -2
  123. package/src/navigation/edit/index.js +153 -55
  124. package/src/navigation/edit/navigation-menu-selector.js +19 -13
  125. package/src/navigation/edit/placeholder/index.js +40 -24
  126. package/src/navigation/edit/responsive-wrapper.js +10 -7
  127. package/src/navigation/edit/unsaved-inner-blocks.js +13 -25
  128. package/src/navigation/edit/use-navigation-notice.js +37 -0
  129. package/src/navigation/editor.scss +20 -8
  130. package/src/navigation/index.php +19 -8
  131. package/src/navigation/style.scss +81 -32
  132. package/src/navigation/use-navigation-menu.js +20 -0
  133. package/src/navigation/view.js +13 -7
  134. package/src/navigation-link/index.php +1 -1
  135. package/src/navigation-submenu/index.php +1 -1
  136. package/src/page-list/index.php +1 -1
  137. package/src/post-author/edit.js +1 -1
  138. package/src/post-comments/style.scss +0 -1
  139. package/src/post-content/edit.js +1 -1
  140. package/src/post-content/index.php +6 -1
  141. package/src/post-date/edit.js +1 -1
  142. package/src/post-excerpt/edit.js +1 -1
  143. package/src/post-excerpt/index.php +1 -1
  144. package/src/post-featured-image/edit.js +1 -1
  145. package/src/post-template/edit.js +54 -17
  146. package/src/post-title/edit.js +1 -1
  147. package/src/post-title/index.php +1 -1
  148. package/src/site-logo/block.json +5 -4
  149. package/src/site-logo/edit.js +130 -12
  150. package/src/site-logo/editor.scss +1 -15
  151. package/src/site-logo/index.php +17 -4
  152. package/src/site-logo/style.scss +3 -1
  153. package/src/template-part/edit/index.js +6 -1
  154. package/src/template-part/index.js +28 -0
@@ -76,6 +76,11 @@
76
76
  */
77
77
  .wp-block-navigation {
78
78
  position: relative;
79
+ --navigation-layout-justification-setting: flex-start;
80
+ --navigation-layout-direction: row;
81
+ --navigation-layout-wrap: wrap;
82
+ --navigation-layout-justify: flex-start;
83
+ --navigation-layout-align: center;
79
84
  }
80
85
  .wp-block-navigation ul {
81
86
  margin-top: 0;
@@ -137,6 +142,31 @@
137
142
  width: inherit;
138
143
  height: inherit;
139
144
  }
145
+ .wp-block-navigation.is-vertical {
146
+ --navigation-layout-direction: column;
147
+ --navigation-layout-justify: initial;
148
+ }
149
+ .wp-block-navigation.no-wrap {
150
+ --navigation-layout-wrap: nowrap;
151
+ }
152
+ .wp-block-navigation.items-justified-center {
153
+ --navigation-layout-justification-setting: center;
154
+ --navigation-layout-justify: center;
155
+ }
156
+ .wp-block-navigation.items-justified-center.is-vertical {
157
+ --navigation-layout-align: center;
158
+ }
159
+ .wp-block-navigation.items-justified-right {
160
+ --navigation-layout-justification-setting: flex-end;
161
+ --navigation-layout-justify: flex-end;
162
+ }
163
+ .wp-block-navigation.items-justified-right.is-vertical {
164
+ --navigation-layout-align: flex-end;
165
+ }
166
+ .wp-block-navigation.items-justified-space-between {
167
+ --navigation-layout-justification-setting: space-between;
168
+ --navigation-layout-justify: space-between;
169
+ }
140
170
 
141
171
  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
142
172
  background-color: inherit;
@@ -304,10 +334,10 @@ button.wp-block-navigation-item__content {
304
334
 
305
335
  .wp-block-navigation__container {
306
336
  display: flex;
307
- flex-wrap: var(--layout-wrap, wrap);
308
- flex-direction: var(--layout-direction, initial);
309
- justify-content: var(--layout-justify, initial);
310
- align-items: var(--layout-align, initial);
337
+ flex-wrap: var(--navigation-layout-wrap, wrap);
338
+ flex-direction: var(--navigation-layout-direction, initial);
339
+ justify-content: var(--navigation-layout-justify, initial);
340
+ align-items: var(--navigation-layout-align, initial);
311
341
  list-style: none;
312
342
  margin: 0;
313
343
  padding-left: 0;
@@ -334,10 +364,10 @@ button.wp-block-navigation-item__content {
334
364
  }
335
365
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
336
366
  display: flex;
337
- flex-wrap: var(--layout-wrap, wrap);
338
- flex-direction: var(--layout-direction, initial);
339
- justify-content: var(--layout-justify, initial);
340
- align-items: var(--layout-align, initial);
367
+ flex-wrap: var(--navigation-layout-wrap, wrap);
368
+ flex-direction: var(--navigation-layout-direction, initial);
369
+ justify-content: var(--navigation-layout-justify, initial);
370
+ align-items: var(--navigation-layout-align, initial);
341
371
  }
342
372
  .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
343
373
  color: inherit !important;
@@ -346,17 +376,18 @@ button.wp-block-navigation-item__content {
346
376
  .wp-block-navigation__responsive-container.is-menu-open {
347
377
  display: flex;
348
378
  flex-direction: column;
379
+ background-color: inherit;
380
+ padding: 2em;
349
381
  overflow: auto;
350
382
  z-index: 100000;
351
- padding: 72px 24px 24px 24px;
352
- background-color: inherit;
353
383
  }
354
384
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
385
+ padding-top: calc(2em + 24px);
386
+ overflow: visible;
355
387
  display: flex;
356
388
  flex-direction: column;
357
- align-items: var(--layout-justification-setting, inherit);
358
- overflow: auto;
359
- padding: 0;
389
+ flex-wrap: nowrap;
390
+ align-items: var(--navigation-layout-justification-setting, inherit);
360
391
  }
361
392
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
362
393
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
@@ -376,17 +407,14 @@ button.wp-block-navigation-item__content {
376
407
  min-width: 200px;
377
408
  position: static;
378
409
  border: none;
379
- padding-left: 32px;
380
- padding-right: 32px;
410
+ padding-left: 2em;
411
+ padding-right: 2em;
381
412
  }
382
413
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container,
383
414
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
384
415
  gap: var(--wp--style--block-gap, 2em);
385
416
  }
386
- .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
387
- .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation__container,
388
- .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation__submenu-container,
389
- .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation__container {
417
+ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
390
418
  padding-top: var(--wp--style--block-gap, 2em);
391
419
  }
392
420
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
@@ -397,7 +425,7 @@ button.wp-block-navigation-item__content {
397
425
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
398
426
  display: flex;
399
427
  flex-direction: column;
400
- align-items: var(--layout-justification-setting, initial);
428
+ align-items: var(--navigation-layout-justification-setting, initial);
401
429
  }
402
430
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
403
431
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
@@ -460,8 +488,8 @@ button.wp-block-navigation-item__content {
460
488
 
461
489
  .wp-block-navigation__responsive-container-close {
462
490
  position: absolute;
463
- top: 24px;
464
- right: 24px;
491
+ top: 0;
492
+ right: 0;
465
493
  z-index: 2;
466
494
  }
467
495
 
@@ -472,8 +500,11 @@ button.wp-block-navigation-item__content {
472
500
  .is-menu-open .wp-block-navigation__responsive-close,
473
501
  .is-menu-open .wp-block-navigation__responsive-dialog,
474
502
  .is-menu-open .wp-block-navigation__responsive-container-content {
475
- width: 100%;
476
- height: 100%;
503
+ box-sizing: border-box;
504
+ }
505
+
506
+ .wp-block-navigation__responsive-dialog {
507
+ position: relative;
477
508
  }
478
509
 
479
510
  html.has-modal-open {
@@ -98,7 +98,6 @@
98
98
  }
99
99
  .wp-block-post-comments .comment-author {
100
100
  line-height: 1.5;
101
- margin-right: -3.25em;
102
101
  }
103
102
  .wp-block-post-comments .comment-author .avatar {
104
103
  border-radius: 1.5em;
@@ -98,7 +98,6 @@
98
98
  }
99
99
  .wp-block-post-comments .comment-author {
100
100
  line-height: 1.5;
101
- margin-left: -3.25em;
102
101
  }
103
102
  .wp-block-post-comments .comment-author .avatar {
104
103
  border-radius: 1.5em;
@@ -75,24 +75,14 @@
75
75
  * Reset the WP Admin page styles for Gutenberg-like pages.
76
76
  */
77
77
  .wp-block[data-align=center] > .wp-block-site-logo {
78
+ display: table;
78
79
  margin-right: auto;
79
80
  margin-left: auto;
80
- text-align: center;
81
81
  }
82
82
 
83
83
  .wp-block-site-logo a {
84
84
  pointer-events: none;
85
85
  }
86
- .wp-block-site-logo:not(.is-default-size) {
87
- display: table;
88
- }
89
- .wp-block-site-logo.is-default-size {
90
- width: 120px;
91
- }
92
- .wp-block-site-logo.is-default-size img {
93
- height: auto;
94
- width: 100%;
95
- }
96
86
  .wp-block-site-logo .custom-logo-link {
97
87
  cursor: inherit;
98
88
  }
@@ -75,24 +75,14 @@
75
75
  * Reset the WP Admin page styles for Gutenberg-like pages.
76
76
  */
77
77
  .wp-block[data-align=center] > .wp-block-site-logo {
78
+ display: table;
78
79
  margin-left: auto;
79
80
  margin-right: auto;
80
- text-align: center;
81
81
  }
82
82
 
83
83
  .wp-block-site-logo a {
84
84
  pointer-events: none;
85
85
  }
86
- .wp-block-site-logo:not(.is-default-size) {
87
- display: table;
88
- }
89
- .wp-block-site-logo.is-default-size {
90
- width: 120px;
91
- }
92
- .wp-block-site-logo.is-default-size img {
93
- height: auto;
94
- width: 100%;
95
- }
96
86
  .wp-block-site-logo .custom-logo-link {
97
87
  cursor: inherit;
98
88
  }
@@ -89,7 +89,9 @@
89
89
  border-radius: inherit;
90
90
  }
91
91
  .wp-block-site-logo.aligncenter {
92
- display: table;
92
+ margin-right: auto;
93
+ margin-left: auto;
94
+ text-align: center;
93
95
  }
94
96
  .wp-block-site-logo.is-style-rounded {
95
97
  border-radius: 9999px;
@@ -89,7 +89,9 @@
89
89
  border-radius: inherit;
90
90
  }
91
91
  .wp-block-site-logo.aligncenter {
92
- display: table;
92
+ margin-left: auto;
93
+ margin-right: auto;
94
+ text-align: center;
93
95
  }
94
96
  .wp-block-site-logo.is-style-rounded {
95
97
  border-radius: 9999px;
@@ -1488,6 +1488,11 @@ ul.has-background {
1488
1488
  }
1489
1489
  .wp-block-navigation {
1490
1490
  position: relative;
1491
+ --navigation-layout-justification-setting: flex-start;
1492
+ --navigation-layout-direction: row;
1493
+ --navigation-layout-wrap: wrap;
1494
+ --navigation-layout-justify: flex-start;
1495
+ --navigation-layout-align: center;
1491
1496
  }
1492
1497
  .wp-block-navigation ul {
1493
1498
  margin-top: 0;
@@ -1549,6 +1554,31 @@ ul.has-background {
1549
1554
  width: inherit;
1550
1555
  height: inherit;
1551
1556
  }
1557
+ .wp-block-navigation.is-vertical {
1558
+ --navigation-layout-direction: column;
1559
+ --navigation-layout-justify: initial;
1560
+ }
1561
+ .wp-block-navigation.no-wrap {
1562
+ --navigation-layout-wrap: nowrap;
1563
+ }
1564
+ .wp-block-navigation.items-justified-center {
1565
+ --navigation-layout-justification-setting: center;
1566
+ --navigation-layout-justify: center;
1567
+ }
1568
+ .wp-block-navigation.items-justified-center.is-vertical {
1569
+ --navigation-layout-align: center;
1570
+ }
1571
+ .wp-block-navigation.items-justified-right {
1572
+ --navigation-layout-justification-setting: flex-end;
1573
+ --navigation-layout-justify: flex-end;
1574
+ }
1575
+ .wp-block-navigation.items-justified-right.is-vertical {
1576
+ --navigation-layout-align: flex-end;
1577
+ }
1578
+ .wp-block-navigation.items-justified-space-between {
1579
+ --navigation-layout-justification-setting: space-between;
1580
+ --navigation-layout-justify: space-between;
1581
+ }
1552
1582
 
1553
1583
  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
1554
1584
  background-color: inherit;
@@ -1716,10 +1746,10 @@ button.wp-block-navigation-item__content {
1716
1746
 
1717
1747
  .wp-block-navigation__container {
1718
1748
  display: flex;
1719
- flex-wrap: var(--layout-wrap, wrap);
1720
- flex-direction: var(--layout-direction, initial);
1721
- justify-content: var(--layout-justify, initial);
1722
- align-items: var(--layout-align, initial);
1749
+ flex-wrap: var(--navigation-layout-wrap, wrap);
1750
+ flex-direction: var(--navigation-layout-direction, initial);
1751
+ justify-content: var(--navigation-layout-justify, initial);
1752
+ align-items: var(--navigation-layout-align, initial);
1723
1753
  list-style: none;
1724
1754
  margin: 0;
1725
1755
  padding-right: 0;
@@ -1746,10 +1776,10 @@ button.wp-block-navigation-item__content {
1746
1776
  }
1747
1777
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
1748
1778
  display: flex;
1749
- flex-wrap: var(--layout-wrap, wrap);
1750
- flex-direction: var(--layout-direction, initial);
1751
- justify-content: var(--layout-justify, initial);
1752
- align-items: var(--layout-align, initial);
1779
+ flex-wrap: var(--navigation-layout-wrap, wrap);
1780
+ flex-direction: var(--navigation-layout-direction, initial);
1781
+ justify-content: var(--navigation-layout-justify, initial);
1782
+ align-items: var(--navigation-layout-align, initial);
1753
1783
  }
1754
1784
  .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
1755
1785
  color: inherit !important;
@@ -1758,17 +1788,18 @@ button.wp-block-navigation-item__content {
1758
1788
  .wp-block-navigation__responsive-container.is-menu-open {
1759
1789
  display: flex;
1760
1790
  flex-direction: column;
1791
+ background-color: inherit;
1792
+ padding: 2em;
1761
1793
  overflow: auto;
1762
1794
  z-index: 100000;
1763
- padding: 72px 24px 24px 24px;
1764
- background-color: inherit;
1765
1795
  }
1766
1796
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
1797
+ padding-top: calc(2em + 24px);
1798
+ overflow: visible;
1767
1799
  display: flex;
1768
1800
  flex-direction: column;
1769
- align-items: var(--layout-justification-setting, inherit);
1770
- overflow: auto;
1771
- padding: 0;
1801
+ flex-wrap: nowrap;
1802
+ align-items: var(--navigation-layout-justification-setting, inherit);
1772
1803
  }
1773
1804
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
1774
1805
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
@@ -1788,17 +1819,14 @@ button.wp-block-navigation-item__content {
1788
1819
  min-width: 200px;
1789
1820
  position: static;
1790
1821
  border: none;
1791
- padding-right: 32px;
1792
- padding-left: 32px;
1822
+ padding-right: 2em;
1823
+ padding-left: 2em;
1793
1824
  }
1794
1825
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container,
1795
1826
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
1796
1827
  gap: var(--wp--style--block-gap, 2em);
1797
1828
  }
1798
- .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
1799
- .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation__container,
1800
- .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation__submenu-container,
1801
- .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation__container {
1829
+ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
1802
1830
  padding-top: var(--wp--style--block-gap, 2em);
1803
1831
  }
1804
1832
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
@@ -1809,7 +1837,7 @@ button.wp-block-navigation-item__content {
1809
1837
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
1810
1838
  display: flex;
1811
1839
  flex-direction: column;
1812
- align-items: var(--layout-justification-setting, initial);
1840
+ align-items: var(--navigation-layout-justification-setting, initial);
1813
1841
  }
1814
1842
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
1815
1843
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
@@ -1872,8 +1900,8 @@ button.wp-block-navigation-item__content {
1872
1900
 
1873
1901
  .wp-block-navigation__responsive-container-close {
1874
1902
  position: absolute;
1875
- top: 24px;
1876
- left: 24px;
1903
+ top: 0;
1904
+ left: 0;
1877
1905
  z-index: 2;
1878
1906
  }
1879
1907
 
@@ -1884,8 +1912,11 @@ button.wp-block-navigation-item__content {
1884
1912
  .is-menu-open .wp-block-navigation__responsive-close,
1885
1913
  .is-menu-open .wp-block-navigation__responsive-dialog,
1886
1914
  .is-menu-open .wp-block-navigation__responsive-container-content {
1887
- width: 100%;
1888
- height: 100%;
1915
+ box-sizing: border-box;
1916
+ }
1917
+
1918
+ .wp-block-navigation__responsive-dialog {
1919
+ position: relative;
1889
1920
  }
1890
1921
 
1891
1922
  html.has-modal-open {
@@ -2029,7 +2060,6 @@ p.has-background {
2029
2060
  }
2030
2061
  .wp-block-post-comments .comment-author {
2031
2062
  line-height: 1.5;
2032
- margin-right: -3.25em;
2033
2063
  }
2034
2064
  .wp-block-post-comments .comment-author .avatar {
2035
2065
  border-radius: 1.5em;
@@ -2494,7 +2524,9 @@ ul.wp-block-rss.is-grid li {
2494
2524
  border-radius: inherit;
2495
2525
  }
2496
2526
  .wp-block-site-logo.aligncenter {
2497
- display: table;
2527
+ margin-right: auto;
2528
+ margin-left: auto;
2529
+ text-align: center;
2498
2530
  }
2499
2531
  .wp-block-site-logo.is-style-rounded {
2500
2532
  border-radius: 9999px;
@@ -3044,6 +3076,8 @@ pre.wp-block-verse {
3044
3076
  */
3045
3077
  /* stylelint-disable function-comma-space-after */
3046
3078
  /* stylelint-enable function-comma-space-after */
3079
+ --wp--preset--font-size--normal: 16px;
3080
+ --wp--preset--font-size--huge: 42px;
3047
3081
  }
3048
3082
  :root .has-very-light-gray-background-color {
3049
3083
  background-color: #eee;
@@ -3087,6 +3121,14 @@ pre.wp-block-verse {
3087
3121
  font-size: 2.625em;
3088
3122
  }
3089
3123
 
3124
+ .has-normal-font-size {
3125
+ font-size: var(--wp--preset--font-size--normal) !important;
3126
+ }
3127
+
3128
+ .has-huge-font-size {
3129
+ font-size: var(--wp--preset--font-size--huge) !important;
3130
+ }
3131
+
3090
3132
  .has-text-align-center {
3091
3133
  text-align: center;
3092
3134
  }
@@ -1510,6 +1510,11 @@ ul.has-background {
1510
1510
  }
1511
1511
  .wp-block-navigation {
1512
1512
  position: relative;
1513
+ --navigation-layout-justification-setting: flex-start;
1514
+ --navigation-layout-direction: row;
1515
+ --navigation-layout-wrap: wrap;
1516
+ --navigation-layout-justify: flex-start;
1517
+ --navigation-layout-align: center;
1513
1518
  }
1514
1519
  .wp-block-navigation ul {
1515
1520
  margin-top: 0;
@@ -1571,6 +1576,31 @@ ul.has-background {
1571
1576
  width: inherit;
1572
1577
  height: inherit;
1573
1578
  }
1579
+ .wp-block-navigation.is-vertical {
1580
+ --navigation-layout-direction: column;
1581
+ --navigation-layout-justify: initial;
1582
+ }
1583
+ .wp-block-navigation.no-wrap {
1584
+ --navigation-layout-wrap: nowrap;
1585
+ }
1586
+ .wp-block-navigation.items-justified-center {
1587
+ --navigation-layout-justification-setting: center;
1588
+ --navigation-layout-justify: center;
1589
+ }
1590
+ .wp-block-navigation.items-justified-center.is-vertical {
1591
+ --navigation-layout-align: center;
1592
+ }
1593
+ .wp-block-navigation.items-justified-right {
1594
+ --navigation-layout-justification-setting: flex-end;
1595
+ --navigation-layout-justify: flex-end;
1596
+ }
1597
+ .wp-block-navigation.items-justified-right.is-vertical {
1598
+ --navigation-layout-align: flex-end;
1599
+ }
1600
+ .wp-block-navigation.items-justified-space-between {
1601
+ --navigation-layout-justification-setting: space-between;
1602
+ --navigation-layout-justify: space-between;
1603
+ }
1574
1604
 
1575
1605
  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
1576
1606
  background-color: inherit;
@@ -1738,10 +1768,10 @@ button.wp-block-navigation-item__content {
1738
1768
 
1739
1769
  .wp-block-navigation__container {
1740
1770
  display: flex;
1741
- flex-wrap: var(--layout-wrap, wrap);
1742
- flex-direction: var(--layout-direction, initial);
1743
- justify-content: var(--layout-justify, initial);
1744
- align-items: var(--layout-align, initial);
1771
+ flex-wrap: var(--navigation-layout-wrap, wrap);
1772
+ flex-direction: var(--navigation-layout-direction, initial);
1773
+ justify-content: var(--navigation-layout-justify, initial);
1774
+ align-items: var(--navigation-layout-align, initial);
1745
1775
  list-style: none;
1746
1776
  margin: 0;
1747
1777
  padding-left: 0;
@@ -1768,10 +1798,10 @@ button.wp-block-navigation-item__content {
1768
1798
  }
1769
1799
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
1770
1800
  display: flex;
1771
- flex-wrap: var(--layout-wrap, wrap);
1772
- flex-direction: var(--layout-direction, initial);
1773
- justify-content: var(--layout-justify, initial);
1774
- align-items: var(--layout-align, initial);
1801
+ flex-wrap: var(--navigation-layout-wrap, wrap);
1802
+ flex-direction: var(--navigation-layout-direction, initial);
1803
+ justify-content: var(--navigation-layout-justify, initial);
1804
+ align-items: var(--navigation-layout-align, initial);
1775
1805
  }
1776
1806
  .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
1777
1807
  color: inherit !important;
@@ -1780,17 +1810,18 @@ button.wp-block-navigation-item__content {
1780
1810
  .wp-block-navigation__responsive-container.is-menu-open {
1781
1811
  display: flex;
1782
1812
  flex-direction: column;
1813
+ background-color: inherit;
1814
+ padding: 2em;
1783
1815
  overflow: auto;
1784
1816
  z-index: 100000;
1785
- padding: 72px 24px 24px 24px;
1786
- background-color: inherit;
1787
1817
  }
1788
1818
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
1819
+ padding-top: calc(2em + 24px);
1820
+ overflow: visible;
1789
1821
  display: flex;
1790
1822
  flex-direction: column;
1791
- align-items: var(--layout-justification-setting, inherit);
1792
- overflow: auto;
1793
- padding: 0;
1823
+ flex-wrap: nowrap;
1824
+ align-items: var(--navigation-layout-justification-setting, inherit);
1794
1825
  }
1795
1826
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
1796
1827
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
@@ -1810,17 +1841,14 @@ button.wp-block-navigation-item__content {
1810
1841
  min-width: 200px;
1811
1842
  position: static;
1812
1843
  border: none;
1813
- padding-left: 32px;
1814
- padding-right: 32px;
1844
+ padding-left: 2em;
1845
+ padding-right: 2em;
1815
1846
  }
1816
1847
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container,
1817
1848
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
1818
1849
  gap: var(--wp--style--block-gap, 2em);
1819
1850
  }
1820
- .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
1821
- .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation__container,
1822
- .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation__submenu-container,
1823
- .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation__container {
1851
+ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
1824
1852
  padding-top: var(--wp--style--block-gap, 2em);
1825
1853
  }
1826
1854
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
@@ -1831,7 +1859,7 @@ button.wp-block-navigation-item__content {
1831
1859
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
1832
1860
  display: flex;
1833
1861
  flex-direction: column;
1834
- align-items: var(--layout-justification-setting, initial);
1862
+ align-items: var(--navigation-layout-justification-setting, initial);
1835
1863
  }
1836
1864
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
1837
1865
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
@@ -1894,8 +1922,8 @@ button.wp-block-navigation-item__content {
1894
1922
 
1895
1923
  .wp-block-navigation__responsive-container-close {
1896
1924
  position: absolute;
1897
- top: 24px;
1898
- right: 24px;
1925
+ top: 0;
1926
+ right: 0;
1899
1927
  z-index: 2;
1900
1928
  }
1901
1929
 
@@ -1906,8 +1934,11 @@ button.wp-block-navigation-item__content {
1906
1934
  .is-menu-open .wp-block-navigation__responsive-close,
1907
1935
  .is-menu-open .wp-block-navigation__responsive-dialog,
1908
1936
  .is-menu-open .wp-block-navigation__responsive-container-content {
1909
- width: 100%;
1910
- height: 100%;
1937
+ box-sizing: border-box;
1938
+ }
1939
+
1940
+ .wp-block-navigation__responsive-dialog {
1941
+ position: relative;
1911
1942
  }
1912
1943
 
1913
1944
  html.has-modal-open {
@@ -2051,7 +2082,6 @@ p.has-background {
2051
2082
  }
2052
2083
  .wp-block-post-comments .comment-author {
2053
2084
  line-height: 1.5;
2054
- margin-left: -3.25em;
2055
2085
  }
2056
2086
  .wp-block-post-comments .comment-author .avatar {
2057
2087
  border-radius: 1.5em;
@@ -2521,7 +2551,9 @@ ul.wp-block-rss.is-grid li {
2521
2551
  border-radius: inherit;
2522
2552
  }
2523
2553
  .wp-block-site-logo.aligncenter {
2524
- display: table;
2554
+ margin-left: auto;
2555
+ margin-right: auto;
2556
+ text-align: center;
2525
2557
  }
2526
2558
  .wp-block-site-logo.is-style-rounded {
2527
2559
  border-radius: 9999px;
@@ -3071,6 +3103,8 @@ pre.wp-block-verse {
3071
3103
  */
3072
3104
  /* stylelint-disable function-comma-space-after */
3073
3105
  /* stylelint-enable function-comma-space-after */
3106
+ --wp--preset--font-size--normal: 16px;
3107
+ --wp--preset--font-size--huge: 42px;
3074
3108
  }
3075
3109
  :root .has-very-light-gray-background-color {
3076
3110
  background-color: #eee;
@@ -3114,6 +3148,14 @@ pre.wp-block-verse {
3114
3148
  font-size: 2.625em;
3115
3149
  }
3116
3150
 
3151
+ .has-normal-font-size {
3152
+ font-size: var(--wp--preset--font-size--normal) !important;
3153
+ }
3154
+
3155
+ .has-huge-font-size {
3156
+ font-size: var(--wp--preset--font-size--huge) !important;
3157
+ }
3158
+
3117
3159
  .has-text-align-center {
3118
3160
  text-align: center;
3119
3161
  }