@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.
- package/build/columns/index.js +1 -2
- package/build/columns/index.js.map +1 -1
- package/build/group/edit.native.js +1 -1
- package/build/group/edit.native.js.map +1 -1
- package/build/group/index.js +3 -1
- package/build/group/index.js.map +1 -1
- package/build/navigation/deprecated.js +1 -3
- package/build/navigation/deprecated.js.map +1 -1
- package/build/navigation/edit/index.js +100 -44
- package/build/navigation/edit/index.js.map +1 -1
- package/build/navigation/edit/navigation-menu-selector.js +3 -2
- package/build/navigation/edit/navigation-menu-selector.js.map +1 -1
- package/build/navigation/edit/placeholder/index.js +15 -7
- package/build/navigation/edit/placeholder/index.js.map +1 -1
- package/build/navigation/edit/responsive-wrapper.js +9 -7
- package/build/navigation/edit/responsive-wrapper.js.map +1 -1
- package/build/navigation/edit/unsaved-inner-blocks.js +3 -11
- package/build/navigation/edit/unsaved-inner-blocks.js.map +1 -1
- package/build/navigation/edit/use-navigation-notice.js +54 -0
- package/build/navigation/edit/use-navigation-notice.js.map +1 -0
- package/build/navigation/index.js +2 -7
- package/build/navigation/index.js.map +1 -1
- package/build/navigation/use-navigation-menu.js +9 -2
- package/build/navigation/use-navigation-menu.js.map +1 -1
- package/build/navigation/view.js +12 -7
- package/build/navigation/view.js.map +1 -1
- package/build/post-author/edit.js +1 -1
- package/build/post-author/edit.js.map +1 -1
- package/build/post-content/edit.js +1 -1
- package/build/post-content/edit.js.map +1 -1
- package/build/post-date/edit.js +1 -1
- package/build/post-date/edit.js.map +1 -1
- package/build/post-excerpt/edit.js +1 -1
- package/build/post-excerpt/edit.js.map +1 -1
- package/build/post-featured-image/edit.js +1 -1
- package/build/post-featured-image/edit.js.map +1 -1
- package/build/post-template/edit.js +54 -13
- package/build/post-template/edit.js.map +1 -1
- package/build/post-title/edit.js +1 -1
- package/build/post-title/edit.js.map +1 -1
- package/build/site-logo/edit.js +117 -16
- package/build/site-logo/edit.js.map +1 -1
- package/build/site-logo/index.js +5 -4
- package/build/site-logo/index.js.map +1 -1
- package/build/template-part/edit/index.js +7 -1
- package/build/template-part/edit/index.js.map +1 -1
- package/build/template-part/index.js +25 -1
- package/build/template-part/index.js.map +1 -1
- package/build-module/columns/index.js +1 -2
- package/build-module/columns/index.js.map +1 -1
- package/build-module/group/edit.native.js +1 -1
- package/build-module/group/edit.native.js.map +1 -1
- package/build-module/group/index.js +3 -1
- package/build-module/group/index.js.map +1 -1
- package/build-module/navigation/deprecated.js +1 -3
- package/build-module/navigation/deprecated.js.map +1 -1
- package/build-module/navigation/edit/index.js +98 -44
- package/build-module/navigation/edit/index.js.map +1 -1
- package/build-module/navigation/edit/navigation-menu-selector.js +3 -2
- package/build-module/navigation/edit/navigation-menu-selector.js.map +1 -1
- package/build-module/navigation/edit/placeholder/index.js +15 -7
- package/build-module/navigation/edit/placeholder/index.js.map +1 -1
- package/build-module/navigation/edit/responsive-wrapper.js +9 -7
- package/build-module/navigation/edit/responsive-wrapper.js.map +1 -1
- package/build-module/navigation/edit/unsaved-inner-blocks.js +4 -13
- package/build-module/navigation/edit/unsaved-inner-blocks.js.map +1 -1
- package/build-module/navigation/edit/use-navigation-notice.js +44 -0
- package/build-module/navigation/edit/use-navigation-notice.js.map +1 -0
- package/build-module/navigation/index.js +2 -7
- package/build-module/navigation/index.js.map +1 -1
- package/build-module/navigation/use-navigation-menu.js +9 -2
- package/build-module/navigation/use-navigation-menu.js.map +1 -1
- package/build-module/navigation/view.js +12 -7
- package/build-module/navigation/view.js.map +1 -1
- package/build-module/post-author/edit.js +1 -1
- package/build-module/post-author/edit.js.map +1 -1
- package/build-module/post-content/edit.js +1 -1
- package/build-module/post-content/edit.js.map +1 -1
- package/build-module/post-date/edit.js +1 -1
- package/build-module/post-date/edit.js.map +1 -1
- package/build-module/post-excerpt/edit.js +1 -1
- package/build-module/post-excerpt/edit.js.map +1 -1
- package/build-module/post-featured-image/edit.js +1 -1
- package/build-module/post-featured-image/edit.js.map +1 -1
- package/build-module/post-template/edit.js +54 -15
- package/build-module/post-template/edit.js.map +1 -1
- package/build-module/post-title/edit.js +1 -1
- package/build-module/post-title/edit.js.map +1 -1
- package/build-module/site-logo/edit.js +118 -17
- package/build-module/site-logo/edit.js.map +1 -1
- package/build-module/site-logo/index.js +5 -4
- package/build-module/site-logo/index.js.map +1 -1
- package/build-module/template-part/edit/index.js +6 -1
- package/build-module/template-part/edit/index.js.map +1 -1
- package/build-module/template-part/index.js +25 -1
- package/build-module/template-part/index.js.map +1 -1
- package/build-style/common-rtl.css +10 -0
- package/build-style/common.css +10 -0
- package/build-style/editor-rtl.css +29 -17
- package/build-style/editor.css +29 -17
- package/build-style/navigation/editor-rtl.css +15 -6
- package/build-style/navigation/editor.css +15 -6
- package/build-style/navigation/style-rtl.css +55 -24
- package/build-style/navigation/style.css +55 -24
- package/build-style/post-comments/style-rtl.css +0 -1
- package/build-style/post-comments/style.css +0 -1
- package/build-style/site-logo/editor-rtl.css +1 -11
- package/build-style/site-logo/editor.css +1 -11
- package/build-style/site-logo/style-rtl.css +3 -1
- package/build-style/site-logo/style.css +3 -1
- package/build-style/style-rtl.css +68 -26
- package/build-style/style.css +68 -26
- package/package.json +14 -14
- package/src/columns/block.json +1 -2
- package/src/common.scss +12 -0
- package/src/editor.scss +15 -0
- package/src/gallery/index.php +1 -1
- package/src/group/block.json +3 -1
- package/src/group/edit.native.js +1 -1
- package/src/home-link/index.php +1 -1
- package/src/navigation/block.json +2 -13
- package/src/navigation/deprecated.js +0 -2
- package/src/navigation/edit/index.js +153 -55
- package/src/navigation/edit/navigation-menu-selector.js +19 -13
- package/src/navigation/edit/placeholder/index.js +40 -24
- package/src/navigation/edit/responsive-wrapper.js +10 -7
- package/src/navigation/edit/unsaved-inner-blocks.js +13 -25
- package/src/navigation/edit/use-navigation-notice.js +37 -0
- package/src/navigation/editor.scss +20 -8
- package/src/navigation/index.php +19 -8
- package/src/navigation/style.scss +81 -32
- package/src/navigation/use-navigation-menu.js +20 -0
- package/src/navigation/view.js +13 -7
- package/src/navigation-link/index.php +1 -1
- package/src/navigation-submenu/index.php +1 -1
- package/src/page-list/index.php +1 -1
- package/src/post-author/edit.js +1 -1
- package/src/post-comments/style.scss +0 -1
- package/src/post-content/edit.js +1 -1
- package/src/post-content/index.php +6 -1
- package/src/post-date/edit.js +1 -1
- package/src/post-excerpt/edit.js +1 -1
- package/src/post-excerpt/index.php +1 -1
- package/src/post-featured-image/edit.js +1 -1
- package/src/post-template/edit.js +54 -17
- package/src/post-title/edit.js +1 -1
- package/src/post-title/index.php +1 -1
- package/src/site-logo/block.json +5 -4
- package/src/site-logo/edit.js +130 -12
- package/src/site-logo/editor.scss +1 -15
- package/src/site-logo/index.php +17 -4
- package/src/site-logo/style.scss +3 -1
- package/src/template-part/edit/index.js +6 -1
- 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
|
-
|
|
358
|
-
|
|
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:
|
|
380
|
-
padding-right:
|
|
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
|
|
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:
|
|
464
|
-
right:
|
|
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
|
-
|
|
476
|
-
|
|
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 {
|
|
@@ -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
|
}
|
|
@@ -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
|
-
|
|
1770
|
-
|
|
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:
|
|
1792
|
-
padding-left:
|
|
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
|
|
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:
|
|
1876
|
-
left:
|
|
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
|
-
|
|
1888
|
-
|
|
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
|
-
|
|
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
|
}
|
package/build-style/style.css
CHANGED
|
@@ -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
|
-
|
|
1792
|
-
|
|
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:
|
|
1814
|
-
padding-right:
|
|
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
|
|
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:
|
|
1898
|
-
right:
|
|
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
|
-
|
|
1910
|
-
|
|
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
|
-
|
|
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
|
}
|