← All changes | build/styles/block-editor/content-rtl.css +21 -26 23.8.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-left: 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	direction: ltr;
		@@ -460,9 +455,9 @@
460	455	overflow: hidden;
461	456	font-size: 13px;
462	457	font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
463	458	color: #000;
464		- font-weight: normal;
	459	+ font-weight: 400;
465	460	}
466	461	.is-zoomed-out .block-editor-block-list__zoom-out-separator {
467	462	font-size: calc(13px / var(--wp-block-editor-iframe-zoom-out-scale));
468	463	}
		@@ -523,11 +518,8 @@
523	518	}
524	519	.block-editor-block-list__layout .is-dragging iframe {
525	520	pointer-events: none;
526	521	}
527		-.block-editor-block-list__layout .is-dragging::-moz-selection {
528		- background: transparent !important;
529		-}
530	522	.block-editor-block-list__layout .is-dragging::selection {
531	523	background: transparent !important;
532	524	}
533	525	.block-editor-block-list__layout .is-dragging::after {
		@@ -533,13 +525,8 @@
533	525	.block-editor-block-list__layout .is-dragging::after {
534	526	content: none !important;
535	527	}
536	528
537		-.wp-block img:not([draggable]),
538		-.wp-block svg:not([draggable]) {
539		- pointer-events: none;
540		-}
541		-
542	529	.block-editor-block-preview__content-iframe .block-list-appender {
543	530	display: none;
544	531	}
545	532
		@@ -573,9 +560,10 @@
573	560	}
574	561	.block-editor-block-variation-picker__variations svg,
575	562	.block-editor-block-variation-picker__skip svg,
576	563	.wp-block-group-placeholder__variations svg {
577		- fill: #949494 !important;
	564	+ fill: #949494;
	565	+ color: #949494 !important;
578	566	}
579	567	.block-editor-block-variation-picker__variations .components-button,
580	568	.block-editor-block-variation-picker__skip .components-button,
581	569	.wp-block-group-placeholder__variations .components-button {
		@@ -588,9 +576,10 @@
588	576	}
589	577	.block-editor-block-variation-picker__variations .components-button:hover svg,
590	578	.block-editor-block-variation-picker__skip .components-button:hover svg,
591	579	.wp-block-group-placeholder__variations .components-button:hover svg {
592		- fill: var(--wp-admin-theme-color) !important;
	580	+ fill: var(--wp-admin-theme-color);
	581	+ color: var(--wp-admin-theme-color) !important;
593	582	}
594	583	.block-editor-block-variation-picker__variations > li,
595	584	.block-editor-block-variation-picker__skip > li,
596	585	.wp-block-group-placeholder__variations > li {
		@@ -643,9 +632,9 @@
643	632	.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 {
644	633	border: none;
645	634	}
646	635	.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 {
647		- visibility: visible;
	636	+ opacity: 1;
648	637	}
649	638	.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 {
650	639	border: none;
651	640	}
		@@ -861,9 +850,13 @@
861	850	line-height: inherit;
862	851	border: none;
863	852	padding: 0;
864	853	margin: 0;
	854	+}
	855	+
	856	+.block-editor-plain-text {
865	857	width: 100%;
	858	+ field-sizing: content;
866	859	}
867	860
868	861	.rich-text [data-rich-text-placeholder] {
869	862	pointer-events: none;
		@@ -902,14 +895,16 @@
902	895	color: currentColor;
903	896	padding: 0 2px;
904	897	}
905	898
906		-.rich-text [contenteditable=false]::-moz-selection {
	899	+.rich-text [contenteditable=false]::selection {
907	900	background-color: transparent;
908	901	}
909	902
910		-.rich-text [contenteditable=false]::selection {
911		- background-color: transparent;
	903	+.is-selected .non-breaking-space {
	904	+ outline: 1px solid currentColor;
	905	+ outline-offset: -1px;
	906	+ opacity: 0.8;
912	907	}
913	908
914	909	.block-editor-warning {
915	910	align-items: center;