← All changes | build/styles/block-library/style.css +47 -23 24.0.0 → 24.1.0 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	}
		@@ -506,9 +507,9 @@
506	507
507	508	.wp-block-column {
508	509	flex-grow: 1;
509	510	min-width: 0;
510		- word-break: break-word;
	511	+ word-break: normal;
511	512	overflow-wrap: break-word;
512	513	/**
513	514	* Individual Column Alignment
514	515	*/
		@@ -587,9 +588,9 @@
587	588	font-size: 0.875em;
588	589	line-height: 1.5;
589	590	}
590	591	.wp-block-post-comments .comment-meta b {
591		- font-weight: normal;
	592	+ font-weight: 400;
592	593	}
593	594	.wp-block-post-comments .comment-meta .comment-awaiting-moderation {
594	595	margin-top: 1em;
595	596	margin-bottom: 1em;
		@@ -1021,8 +1022,14 @@
1021	1022	outline: none;
1022	1023	border: none;
1023	1024	box-shadow: none;
1024	1025	}
	1026	+@supports (-webkit-hyphens: none) {
	1027	+ .wp-block-cover-image.has-aspect-ratio,
	1028	+ .wp-block-cover.has-aspect-ratio {
	1029	+ min-height: fit-content !important;
	1030	+ }
	1031	+}
1025	1032	.wp-block-cover-image .wp-block-cover__embed-background,
1026	1033	.wp-block-cover .wp-block-cover__embed-background {
1027	1034	position: absolute;
1028	1035	top: 0;
		@@ -1613,10 +1620,9 @@
1613	1620	height: 100%;
1614	1621	max-height: 3em;
1615	1622	pointer-events: none;
1616	1623	backdrop-filter: blur(3px);
1617		- -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
1618		- mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
	1624	+ mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
1619	1625	}
1620	1626	.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
1621	1627	color: #fff;
1622	1628	text-shadow: 0 0 1.5px #000;
		@@ -1759,8 +1765,9 @@
1759	1765
1760	1766	.wp-block-image > a,
1761	1767	.wp-block-image > figure > a {
1762	1768	display: inline-block;
	1769	+ color: inherit;
1763	1770	}
1764	1771	.wp-block-image img {
1765	1772	height: auto;
1766	1773	max-width: 100%;
		@@ -1835,19 +1842,15 @@
1835	1842	}
1836	1843	.wp-block-image.is-style-circle-mask img {
1837	1844	border-radius: 9999px;
1838	1845	}
1839		-@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
	1846	+@supports (mask-image: none) or (-webkit-mask-image: none) {
1840	1847	.wp-block-image.is-style-circle-mask img {
1841		- -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>');
1842		- 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>');
	1848	+ 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>');
1843	1849	mask-mode: alpha;
1844		- -webkit-mask-repeat: no-repeat;
1845		- mask-repeat: no-repeat;
1846		- -webkit-mask-size: contain;
1847		- mask-size: contain;
1848		- -webkit-mask-position: center;
1849		- mask-position: center;
	1850	+ mask-repeat: no-repeat;
	1851	+ mask-size: contain;
	1852	+ mask-position: center;
1850	1853	border-radius: 0;
1851	1854	}
1852	1855	}
1853	1856
		@@ -2546,9 +2549,16 @@
2546	2549	.wp-block-navigation.is-vertical {
2547	2550	--navigation-layout-direction: column;
2548	2551	--navigation-layout-justify: initial;
2549	2552	--navigation-layout-align: flex-start;
	2553	+ text-align: var(--navigation-layout-text-align, inherit);
2550	2554	}
	2555	+.wp-block-navigation.is-vertical .wp-block-navigation-item__content {
	2556	+ text-align: inherit;
	2557	+}
	2558	+.wp-block-navigation.is-vertical .wp-block-navigation-item:not(.open-always) > .wp-block-navigation__submenu-container {
	2559	+ text-align: initial;
	2560	+}
2551	2561	.wp-block-navigation.no-wrap {
2552	2562	--navigation-layout-wrap: nowrap;
2553	2563	}
2554	2564	.wp-block-navigation.items-justified-center {
		@@ -2553,8 +2563,9 @@
2553	2563	}
2554	2564	.wp-block-navigation.items-justified-center {
2555	2565	--navigation-layout-justification-setting: center;
2556	2566	--navigation-layout-justify: center;
	2567	+ --navigation-layout-text-align: center;
2557	2568	}
2558	2569	.wp-block-navigation.items-justified-center.is-vertical {
2559	2570	--navigation-layout-align: center;
2560	2571	}
		@@ -2560,8 +2571,9 @@
2560	2571	}
2561	2572	.wp-block-navigation.items-justified-right {
2562	2573	--navigation-layout-justification-setting: flex-end;
2563	2574	--navigation-layout-justify: flex-end;
	2575	+ --navigation-layout-text-align: end;
2564	2576	}
2565	2577	.wp-block-navigation.items-justified-right.is-vertical {
2566	2578	--navigation-layout-align: flex-end;
2567	2579	}
		@@ -2632,9 +2644,9 @@
2632	2644	transform: rotate(-90deg);
2633	2645	}
2634	2646	}
2635	2647	@media (hover: hover) {
2636		- .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
	2648	+ .wp-block-navigation .has-child:not(.open-on-click):not(.open-always):hover > .wp-block-navigation__submenu-container {
2637	2649	visibility: visible;
2638	2650	overflow: visible;
2639	2651	opacity: 1;
2640	2652	width: auto;
		@@ -2641,10 +2653,9 @@
2641	2653	height: auto;
2642	2654	min-width: 200px;
2643	2655	}
2644	2656	}
2645		-.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
2646		-.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
	2657	+.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 {
2647	2658	visibility: visible;
2648	2659	overflow: visible;
2649	2660	opacity: 1;
2650	2661	width: auto;
		@@ -2692,8 +2703,9 @@
2692	2703	position: static;
2693	2704	border: none;
2694	2705	background-color: transparent;
2695	2706	color: inherit;
	2707	+ box-shadow: none !important;
2696	2708	}
2697	2709
2698	2710	.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
2699	2711	left: 0;
		@@ -2899,8 +2911,9 @@
2899	2911	display: flex;
2900	2912	flex-direction: column;
2901	2913	flex-wrap: nowrap;
2902	2914	align-items: var(--navigation-layout-justification-setting, inherit);
	2915	+ text-align: var(--navigation-layout-text-align, inherit);
2903	2916	}
2904	2917	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content,
2905	2918	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list,
2906	2919	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		@@ -2926,11 +2939,13 @@
2926	2939	gap: inherit;
2927	2940	}
2928	2941	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
2929	2942	padding-top: var(--wp--style--block-gap, 2em);
	2943	+ text-align: inherit;
2930	2944	}
2931	2945	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
2932	2946	padding: 0;
	2947	+ text-align: inherit;
2933	2948	}
2934	2949	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
2935	2950	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
2936	2951	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list {
		@@ -2944,8 +2959,11 @@
2944	2959	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-page-list {
2945	2960	color: inherit !important;
2946	2961	background: transparent !important;
2947	2962	}
	2963	+.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container {
	2964	+ box-shadow: none !important;
	2965	+}
2948	2966	.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 {
2949	2967	right: auto;
2950	2968	left: auto;
2951	2969	}
		@@ -2991,9 +3009,9 @@
2991	3009	}
2992	3010
2993	3011	.wp-block-navigation__toggle_button_label {
2994	3012	font-size: 1rem;
2995		- font-weight: bold;
	3013	+ font-weight: 700;
2996	3014	}
2997	3015
2998	3016	.wp-block-navigation__responsive-container-open,
2999	3017	.wp-block-navigation__responsive-container-close {
		@@ -3110,8 +3128,9 @@
3110	3128	font-weight: inherit;
3111	3129	letter-spacing: inherit;
3112	3130	line-height: inherit;
3113	3131	text-transform: inherit;
	3132	+ border: none;
3114	3133	}
3115	3134
3116	3135	.wp-block-navigation-overlay-close {
3117	3136	display: inline-flex;
		@@ -3118,9 +3137,8 @@
3118	3137	align-items: center;
3119	3138	justify-content: center;
3120	3139	gap: 0.5em;
3121	3140	padding: 0;
3122		- border: none;
3123	3141	background: transparent;
3124	3142	cursor: pointer;
3125	3143	text-decoration: none;
3126	3144	}
		@@ -4026,8 +4044,11 @@
4026	4044	.wp-block-post-featured-image:where(.alignleft, .alignright) {
4027	4045	width: 100%;
4028	4046	}
4029	4047
	4048	+.wp-block-post-navigation-link {
	4049	+ box-sizing: border-box;
	4050	+}
4030	4051	.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
4031	4052	display: inline-block;
4032	4053	margin-right: 1ch;
4033	4054	}
		@@ -4056,13 +4077,13 @@
4056	4077	box-sizing: border-box;
4057	4078	}
4058	4079
4059	4080	.wp-block-post-title {
4060		- word-break: break-word;
	4081	+ word-break: normal;
	4082	+ overflow-wrap: anywhere;
4061	4083	box-sizing: border-box;
4062	4084	}
4063	4085	.wp-block-post-title :where(a) {
4064		- display: inline-block;
4065	4086	font-family: inherit;
4066	4087	font-size: inherit;
4067	4088	font-style: inherit;
4068	4089	font-weight: inherit;
		@@ -5013,8 +5034,10 @@
5013	5034	.wp-block-tab-panel:empty {
5014	5035	display: none !important;
5015	5036	}
5016	5037	.wp-block-tab-panel[hidden] {
	5038	+ box-shadow: none !important;
	5039	+ border: none !important;
5017	5040	margin-block-start: 0;
5018	5041	padding: 0 !important;
5019	5042	}
5020	5043
		@@ -5217,9 +5240,10 @@
5217	5240	box-sizing: border-box;
5218	5241	overflow: auto;
5219	5242	white-space: pre-wrap;
5220	5243	min-width: 1em;
5221		- word-break: break-word;
	5244	+ word-break: normal;
	5245	+ overflow-wrap: break-word;
5222	5246	}
5223	5247
5224	5248	:where(pre.wp-block-verse) {
5225	5249	font-family: inherit;
		@@ -5400,9 +5424,9 @@
5400	5424	overflow: hidden;
5401	5425	padding: 0;
5402	5426	position: absolute;
5403	5427	width: 1px;
5404		- word-wrap: normal !important;
	5428	+ overflow-wrap: normal !important;
5405	5429	word-break: normal !important;
5406	5430	}
5407	5431
5408	5432	.screen-reader-text:focus {