← All changes | build/styles/block-library/style-rtl.css +47 -23 24.0.0 → trunk View file →

		@@ -220,9 +220,10 @@
220	220	.wp-block-button__link {
221	221	cursor: pointer;
222	222	display: inline-block;
223	223	text-align: center;
224		- word-break: break-word;
	224	+ word-break: normal;
	225	+ overflow-wrap: anywhere;
225	226	box-sizing: border-box;
226	227	height: 100%;
227	228	align-content: center;
228	229	}
		@@ -501,9 +502,9 @@
501	502
502	503	.wp-block-column {
503	504	flex-grow: 1;
504	505	min-width: 0;
505		- word-break: break-word;
	506	+ word-break: normal;
506	507	overflow-wrap: break-word;
507	508	/**
508	509	* Individual Column Alignment
509	510	*/
		@@ -582,9 +583,9 @@
582	583	font-size: 0.875em;
583	584	line-height: 1.5;
584	585	}
585	586	.wp-block-post-comments .comment-meta b {
586		- font-weight: normal;
	587	+ font-weight: 400;
587	588	}
588	589	.wp-block-post-comments .comment-meta .comment-awaiting-moderation {
589	590	margin-top: 1em;
590	591	margin-bottom: 1em;
		@@ -1014,8 +1015,14 @@
1014	1015	outline: none;
1015	1016	border: none;
1016	1017	box-shadow: none;
1017	1018	}
	1019	+@supports (-webkit-hyphens: none) {
	1020	+ .wp-block-cover-image.has-aspect-ratio,
	1021	+ .wp-block-cover.has-aspect-ratio {
	1022	+ min-height: fit-content !important;
	1023	+ }
	1024	+}
1018	1025	.wp-block-cover-image .wp-block-cover__embed-background,
1019	1026	.wp-block-cover .wp-block-cover__embed-background {
1020	1027	position: absolute;
1021	1028	top: 0;
		@@ -1605,10 +1612,9 @@
1605	1612	height: 100%;
1606	1613	max-height: 3em;
1607	1614	pointer-events: none;
1608	1615	backdrop-filter: blur(3px);
1609		- -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
1610		- mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
	1616	+ mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
1611	1617	}
1612	1618	.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
1613	1619	color: #fff;
1614	1620	text-shadow: 0 0 1.5px #000;
		@@ -1751,8 +1757,9 @@
1751	1757
1752	1758	.wp-block-image > a,
1753	1759	.wp-block-image > figure > a {
1754	1760	display: inline-block;
	1761	+ color: inherit;
1755	1762	}
1756	1763	.wp-block-image img {
1757	1764	height: auto;
1758	1765	max-width: 100%;
		@@ -1821,19 +1828,15 @@
1821	1828	}
1822	1829	.wp-block-image.is-style-circle-mask img {
1823	1830	border-radius: 9999px;
1824	1831	}
1825		-@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
	1832	+@supports (mask-image: none) or (-webkit-mask-image: none) {
1826	1833	.wp-block-image.is-style-circle-mask img {
1827		- -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
1828		- mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
	1834	+ mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
1829	1835	mask-mode: alpha;
1830		- -webkit-mask-repeat: no-repeat;
1831		- mask-repeat: no-repeat;
1832		- -webkit-mask-size: contain;
1833		- mask-size: contain;
1834		- -webkit-mask-position: center;
1835		- mask-position: center;
	1836	+ mask-repeat: no-repeat;
	1837	+ mask-size: contain;
	1838	+ mask-position: center;
1836	1839	border-radius: 0;
1837	1840	}
1838	1841	}
1839	1842
		@@ -2516,9 +2519,16 @@
2516	2519	.wp-block-navigation.is-vertical {
2517	2520	--navigation-layout-direction: column;
2518	2521	--navigation-layout-justify: initial;
2519	2522	--navigation-layout-align: flex-start;
	2523	+ text-align: var(--navigation-layout-text-align, inherit);
2520	2524	}
	2525	+.wp-block-navigation.is-vertical .wp-block-navigation-item__content {
	2526	+ text-align: inherit;
	2527	+}
	2528	+.wp-block-navigation.is-vertical .wp-block-navigation-item:not(.open-always) > .wp-block-navigation__submenu-container {
	2529	+ text-align: initial;
	2530	+}
2521	2531	.wp-block-navigation.no-wrap {
2522	2532	--navigation-layout-wrap: nowrap;
2523	2533	}
2524	2534	.wp-block-navigation.items-justified-center {
		@@ -2523,8 +2533,9 @@
2523	2533	}
2524	2534	.wp-block-navigation.items-justified-center {
2525	2535	--navigation-layout-justification-setting: center;
2526	2536	--navigation-layout-justify: center;
	2537	+ --navigation-layout-text-align: center;
2527	2538	}
2528	2539	.wp-block-navigation.items-justified-center.is-vertical {
2529	2540	--navigation-layout-align: center;
2530	2541	}
		@@ -2530,8 +2541,9 @@
2530	2541	}
2531	2542	.wp-block-navigation.items-justified-right {
2532	2543	--navigation-layout-justification-setting: flex-end;
2533	2544	--navigation-layout-justify: flex-end;
	2545	+ --navigation-layout-text-align: end;
2534	2546	}
2535	2547	.wp-block-navigation.items-justified-right.is-vertical {
2536	2548	--navigation-layout-align: flex-end;
2537	2549	}
		@@ -2602,9 +2614,9 @@
2602	2614	transform: rotate(90deg);
2603	2615	}
2604	2616	}
2605	2617	@media (hover: hover) {
2606		- .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
	2618	+ .wp-block-navigation .has-child:not(.open-on-click):not(.open-always):hover > .wp-block-navigation__submenu-container {
2607	2619	visibility: visible;
2608	2620	overflow: visible;
2609	2621	opacity: 1;
2610	2622	width: auto;
		@@ -2611,10 +2623,9 @@
2611	2623	height: auto;
2612	2624	min-width: 200px;
2613	2625	}
2614	2626	}
2615		-.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
2616		-.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
	2627	+.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 {
2617	2628	visibility: visible;
2618	2629	overflow: visible;
2619	2630	opacity: 1;
2620	2631	width: auto;
		@@ -2662,8 +2673,9 @@
2662	2673	position: static;
2663	2674	border: none;
2664	2675	background-color: transparent;
2665	2676	color: inherit;
	2677	+ box-shadow: none !important;
2666	2678	}
2667	2679
2668	2680	.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
2669	2681	right: 0;
		@@ -2869,8 +2881,9 @@
2869	2881	display: flex;
2870	2882	flex-direction: column;
2871	2883	flex-wrap: nowrap;
2872	2884	align-items: var(--navigation-layout-justification-setting, inherit);
	2885	+ text-align: var(--navigation-layout-text-align, inherit);
2873	2886	}
2874	2887	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content,
2875	2888	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list,
2876	2889	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		@@ -2896,11 +2909,13 @@
2896	2909	gap: inherit;
2897	2910	}
2898	2911	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
2899	2912	padding-top: var(--wp--style--block-gap, 2em);
	2913	+ text-align: inherit;
2900	2914	}
2901	2915	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
2902	2916	padding: 0;
	2917	+ text-align: inherit;
2903	2918	}
2904	2919	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
2905	2920	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
2906	2921	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list {
		@@ -2914,8 +2929,11 @@
2914	2929	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-page-list {
2915	2930	color: inherit !important;
2916	2931	background: transparent !important;
2917	2932	}
	2933	+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container {
	2934	+ box-shadow: none !important;
	2935	+}
2918	2936	.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 {
2919	2937	left: auto;
2920	2938	right: auto;
2921	2939	}
		@@ -2961,9 +2979,9 @@
2961	2979	}
2962	2980
2963	2981	.wp-block-navigation__toggle_button_label {
2964	2982	font-size: 1rem;
2965		- font-weight: bold;
	2983	+ font-weight: 700;
2966	2984	}
2967	2985
2968	2986	.wp-block-navigation__responsive-container-open,
2969	2987	.wp-block-navigation__responsive-container-close {
		@@ -3080,8 +3098,9 @@
3080	3098	font-weight: inherit;
3081	3099	letter-spacing: inherit;
3082	3100	line-height: inherit;
3083	3101	text-transform: inherit;
	3102	+ border: none;
3084	3103	}
3085	3104
3086	3105	.wp-block-navigation-overlay-close {
3087	3106	display: inline-flex;
		@@ -3088,9 +3107,8 @@
3088	3107	align-items: center;
3089	3108	justify-content: center;
3090	3109	gap: 0.5em;
3091	3110	padding: 0;
3092		- border: none;
3093	3111	background: transparent;
3094	3112	cursor: pointer;
3095	3113	text-decoration: none;
3096	3114	}
		@@ -3996,8 +4014,11 @@
3996	4014	.wp-block-post-featured-image:where(.alignleft, .alignright) {
3997	4015	width: 100%;
3998	4016	}
3999	4017
	4018	+.wp-block-post-navigation-link {
	4019	+ box-sizing: border-box;
	4020	+}
4000	4021	.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
4001	4022	display: inline-block;
4002	4023	margin-left: 1ch;
4003	4024	}
		@@ -4026,13 +4047,13 @@
4026	4047	box-sizing: border-box;
4027	4048	}
4028	4049
4029	4050	.wp-block-post-title {
4030		- word-break: break-word;
	4051	+ word-break: normal;
	4052	+ overflow-wrap: anywhere;
4031	4053	box-sizing: border-box;
4032	4054	}
4033	4055	.wp-block-post-title :where(a) {
4034		- display: inline-block;
4035	4056	font-family: inherit;
4036	4057	font-size: inherit;
4037	4058	font-style: inherit;
4038	4059	font-weight: inherit;
		@@ -4980,8 +5001,10 @@
4980	5001	.wp-block-tab-panel:empty {
4981	5002	display: none !important;
4982	5003	}
4983	5004	.wp-block-tab-panel[hidden] {
	5005	+ box-shadow: none !important;
	5006	+ border: none !important;
4984	5007	margin-block-start: 0;
4985	5008	padding: 0 !important;
4986	5009	}
4987	5010
		@@ -5184,9 +5207,10 @@
5184	5207	box-sizing: border-box;
5185	5208	overflow: auto;
5186	5209	white-space: pre-wrap;
5187	5210	min-width: 1em;
5188		- word-break: break-word;
	5211	+ word-break: normal;
	5212	+ overflow-wrap: break-word;
5189	5213	}
5190	5214
5191	5215	:where(pre.wp-block-verse) {
5192	5216	font-family: inherit;
		@@ -5365,9 +5389,9 @@
5365	5389	overflow: hidden;
5366	5390	padding: 0;
5367	5391	position: absolute;
5368	5392	width: 1px;
5369		- word-wrap: normal !important;
	5393	+ overflow-wrap: normal !important;
5370	5394	word-break: normal !important;
5371	5395	}
5372	5396
5373	5397	.screen-reader-text:focus {