← All changes | build/styles/block-editor/content.css +23 -28 23.7.0 → trunk View file →

		@@ -121,13 +121,8 @@
121	121	}
122	122	.block-editor-block-icon.has-colors svg {
123	123	fill: currentColor;
124	124	}
125		-@media (forced-colors: active) {
126		- .block-editor-block-icon.has-colors svg {
127		- fill: CanvasText;
128		- }
129		-}
130	125	.block-editor-block-icon svg {
131	126	min-width: 20px;
132	127	min-height: 20px;
133	128	max-width: 24px;
		@@ -158,11 +153,8 @@
158	153	/* stylelint-enable */
159	154	.block-editor-block-list__layout {
160	155	position: relative;
161	156	}
162		-.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::-moz-selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::-moz-selection {
163		- background: transparent;
164		-}
165	157	.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection {
166	158	background: transparent;
167	159	}
168	160	.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
		@@ -190,13 +182,17 @@
190	182	outline-color: transparent;
191	183	}
192	184	.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,
193	185	.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected,
	186	+.block-editor-block-list__layout .block-editor-block-list__block.is-hovered-draggable[draggable=true]:not(.is-multi-selected),
	187	+.block-editor-block-list__layout .block-editor-block-list__block.is-hovered-draggable[data-draggable=true]:not(.is-multi-selected),
194	188	.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus {
195	189	outline: none;
196	190	}
197	191	.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
198	192	.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after,
	193	+.block-editor-block-list__layout .block-editor-block-list__block.is-hovered-draggable[draggable=true]:not(.is-multi-selected)::after,
	194	+.block-editor-block-list__layout .block-editor-block-list__block.is-hovered-draggable[data-draggable=true]:not(.is-multi-selected)::after,
199	195	.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus::after {
200	196	content: "";
201	197	position: absolute;
202	198	pointer-events: none;
		@@ -230,9 +226,8 @@
230	226	margin-right: 0 !important;
231	227	}
232	228	.block-editor-block-list__layout [class^=components-] {
233	229	-webkit-user-select: text;
234		- -moz-user-select: text;
235	230	user-select: text;
236	231	}
237	232
238	233	.block-editor-block-list__layout .block-editor-block-list__block {
		@@ -263,9 +258,8 @@
263	258	}
264	259	.block-editor-block-list__layout .block-editor-block-list__block.has-warning > * {
265	260	pointer-events: none;
266	261	-webkit-user-select: none;
267		- -moz-user-select: none;
268	262	user-select: none;
269	263	}
270	264	.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning {
271	265	pointer-events: all;
		@@ -426,9 +420,10 @@
426	420	border-radius: 2px;
427	421	box-sizing: border-box;
428	422	box-shadow: inset 0 0 0 1px #1e1e1e;
429	423	resize: none;
430		- overflow: hidden;
	424	+ field-sizing: content;
	425	+ overflow: auto;
431	426	font-family: Menlo, Consolas, monaco, monospace;
432	427	font-size: 15px;
433	428	line-height: 1.5;
434	429	/*rtl:ignore*/
		@@ -461,9 +456,9 @@
461	456	overflow: hidden;
462	457	font-size: 13px;
463	458	font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
464	459	color: #000;
465		- font-weight: normal;
	460	+ font-weight: 400;
466	461	}
467	462	.is-zoomed-out .block-editor-block-list__zoom-out-separator {
468	463	font-size: calc(13px / var(--wp-block-editor-iframe-zoom-out-scale));
469	464	}
		@@ -524,11 +519,8 @@
524	519	}
525	520	.block-editor-block-list__layout .is-dragging iframe {
526	521	pointer-events: none;
527	522	}
528		-.block-editor-block-list__layout .is-dragging::-moz-selection {
529		- background: transparent !important;
530		-}
531	523	.block-editor-block-list__layout .is-dragging::selection {
532	524	background: transparent !important;
533	525	}
534	526	.block-editor-block-list__layout .is-dragging::after {
		@@ -534,13 +526,8 @@
534	526	.block-editor-block-list__layout .is-dragging::after {
535	527	content: none !important;
536	528	}
537	529
538		-.wp-block img:not([draggable]),
539		-.wp-block svg:not([draggable]) {
540		- pointer-events: none;
541		-}
542		-
543	530	.block-editor-block-preview__content-iframe .block-list-appender {
544	531	display: none;
545	532	}
546	533
		@@ -574,9 +561,10 @@
574	561	}
575	562	.block-editor-block-variation-picker__variations svg,
576	563	.block-editor-block-variation-picker__skip svg,
577	564	.wp-block-group-placeholder__variations svg {
578		- fill: #949494 !important;
	565	+ fill: #949494;
	566	+ color: #949494 !important;
579	567	}
580	568	.block-editor-block-variation-picker__variations .components-button,
581	569	.block-editor-block-variation-picker__skip .components-button,
582	570	.wp-block-group-placeholder__variations .components-button {
		@@ -589,9 +577,10 @@
589	577	}
590	578	.block-editor-block-variation-picker__variations .components-button:hover svg,
591	579	.block-editor-block-variation-picker__skip .components-button:hover svg,
592	580	.wp-block-group-placeholder__variations .components-button:hover svg {
593		- fill: var(--wp-admin-theme-color) !important;
	581	+ fill: var(--wp-admin-theme-color);
	582	+ color: var(--wp-admin-theme-color) !important;
594	583	}
595	584	.block-editor-block-variation-picker__variations > li,
596	585	.block-editor-block-variation-picker__skip > li,
597	586	.wp-block-group-placeholder__variations > li {
		@@ -644,9 +633,9 @@
644	633	.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after {
645	634	border: none;
646	635	}
647	636	.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter {
648		- visibility: visible;
	637	+ opacity: 1;
649	638	}
650	639	.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after {
651	640	border: none;
652	641	}
		@@ -774,9 +763,9 @@
774	763	}
775	764	.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content {
776	765	display: none;
777	766	}
778		-.block-editor-block-list__block .block-list-appender:only-child {
	767	+.block-editor-block-list__block .block-list-appender:first-child {
779	768	position: relative;
780	769	right: auto;
781	770	align-self: center;
782	771	list-style: none;
		@@ -781,9 +770,9 @@
781	770	align-self: center;
782	771	list-style: none;
783	772	line-height: inherit;
784	773	}
785		-.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content {
	774	+.block-editor-block-list__block .block-list-appender:first-child .block-editor-default-block-appender__content {
786	775	display: block;
787	776	}
788	777
789	778	.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
		@@ -862,9 +851,13 @@
862	851	line-height: inherit;
863	852	border: none;
864	853	padding: 0;
865	854	margin: 0;
	855	+}
	856	+
	857	+.block-editor-plain-text {
866	858	width: 100%;
	859	+ field-sizing: content;
867	860	}
868	861
869	862	.rich-text [data-rich-text-placeholder] {
870	863	pointer-events: none;
		@@ -903,14 +896,16 @@
903	896	color: currentColor;
904	897	padding: 0 2px;
905	898	}
906	899
907		-.rich-text [contenteditable=false]::-moz-selection {
	900	+.rich-text [contenteditable=false]::selection {
908	901	background-color: transparent;
909	902	}
910	903
911		-.rich-text [contenteditable=false]::selection {
912		- background-color: transparent;
	904	+.is-selected .non-breaking-space {
	905	+ outline: 1px solid currentColor;
	906	+ outline-offset: -1px;
	907	+ opacity: 0.8;
913	908	}
914	909
915	910	.block-editor-warning {
916	911	align-items: center;