← All changes | build/styles/block-library/navigation/style.css +19 -4 23.6.2 → trunk View file →

		@@ -167,9 +167,16 @@
167	167	.wp-block-navigation.is-vertical {
168	168	--navigation-layout-direction: column;
169	169	--navigation-layout-justify: initial;
170	170	--navigation-layout-align: flex-start;
	171	+ text-align: var(--navigation-layout-text-align, inherit);
171	172	}
	173	+.wp-block-navigation.is-vertical .wp-block-navigation-item__content {
	174	+ text-align: inherit;
	175	+}
	176	+.wp-block-navigation.is-vertical .wp-block-navigation-item:not(.open-always) > .wp-block-navigation__submenu-container {
	177	+ text-align: initial;
	178	+}
172	179	.wp-block-navigation.no-wrap {
173	180	--navigation-layout-wrap: nowrap;
174	181	}
175	182	.wp-block-navigation.items-justified-center {
		@@ -174,8 +181,9 @@
174	181	}
175	182	.wp-block-navigation.items-justified-center {
176	183	--navigation-layout-justification-setting: center;
177	184	--navigation-layout-justify: center;
	185	+ --navigation-layout-text-align: center;
178	186	}
179	187	.wp-block-navigation.items-justified-center.is-vertical {
180	188	--navigation-layout-align: center;
181	189	}
		@@ -181,8 +189,9 @@
181	189	}
182	190	.wp-block-navigation.items-justified-right {
183	191	--navigation-layout-justification-setting: flex-end;
184	192	--navigation-layout-justify: flex-end;
	193	+ --navigation-layout-text-align: end;
185	194	}
186	195	.wp-block-navigation.items-justified-right.is-vertical {
187	196	--navigation-layout-align: flex-end;
188	197	}
		@@ -253,9 +262,9 @@
253	262	transform: rotate(-90deg);
254	263	}
255	264	}
256	265	@media (hover: hover) {
257		- .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
	266	+ .wp-block-navigation .has-child:not(.open-on-click):not(.open-always):hover > .wp-block-navigation__submenu-container {
258	267	visibility: visible;
259	268	overflow: visible;
260	269	opacity: 1;
261	270	width: auto;
		@@ -262,10 +271,9 @@
262	271	height: auto;
263	272	min-width: 200px;
264	273	}
265	274	}
266		-.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
267		-.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
	275	+.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):not(.open-always):focus-within > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-always) .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
268	276	visibility: visible;
269	277	overflow: visible;
270	278	opacity: 1;
271	279	width: auto;
		@@ -313,8 +321,9 @@
313	321	position: static;
314	322	border: none;
315	323	background-color: transparent;
316	324	color: inherit;
	325	+ box-shadow: none !important;
317	326	}
318	327
319	328	.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
320	329	left: 0;
		@@ -520,8 +529,9 @@
520	529	display: flex;
521	530	flex-direction: column;
522	531	flex-wrap: nowrap;
523	532	align-items: var(--navigation-layout-justification-setting, inherit);
	533	+ text-align: var(--navigation-layout-text-align, inherit);
524	534	}
525	535	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content,
526	536	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list,
527	537	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		@@ -547,11 +557,13 @@
547	557	gap: inherit;
548	558	}
549	559	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
550	560	padding-top: var(--wp--style--block-gap, 2em);
	561	+ text-align: inherit;
551	562	}
552	563	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
553	564	padding: 0;
	565	+ text-align: inherit;
554	566	}
555	567	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
556	568	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
557	569	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list {
		@@ -565,8 +577,11 @@
565	577	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-page-list {
566	578	color: inherit !important;
567	579	background: transparent !important;
568	580	}
	581	+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container {
	582	+ box-shadow: none !important;
	583	+}
569	584	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
570	585	right: auto;
571	586	left: auto;
572	587	}
		@@ -612,9 +627,9 @@
612	627	}
613	628
614	629	.wp-block-navigation__toggle_button_label {
615	630	font-size: 1rem;
616		- font-weight: bold;
	631	+ font-weight: 700;
617	632	}
618	633
619	634	.wp-block-navigation__responsive-container-open,
620	635	.wp-block-navigation__responsive-container-close {