← All changes | build/styles/block-library/common-rtl.css +37 -15 23.2.2 → trunk View file →

		@@ -67,8 +67,14 @@
67	67	/**
68	68	* Focus styles.
69	69	*/
70	70	/**
	71	+ * Standard focus rings for the WordPress Design System.
	72	+ *
	73	+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
	74	+ * e.g. `&:focus { @include outset-ring__focus(); }`.
	75	+ */
	76	+/**
71	77	* Applies editor left position to the selector passed as argument
72	78	*/
73	79	/**
74	80	* Styles that are reused verbatim in a few places
		@@ -219,9 +225,9 @@
219	225	overflow: hidden;
220	226	padding: 0;
221	227	position: absolute;
222	228	width: 1px;
223		- word-wrap: normal !important;
	229	+ overflow-wrap: normal !important;
224	230	word-break: normal !important;
225	231	}
226	232
227	233	.screen-reader-text:focus {
		@@ -254,45 +260,65 @@
254	260	html :where(.has-border-color) {
255	261	border-style: solid;
256	262	}
257	263
258		-html :where([style*=border-color]) {
	264	+html :where([style^=border-color],
	265	+[style*=";border-color"],
	266	+[style*="; border-color"]) {
259	267	border-style: solid;
260	268	}
261	269
262		-html :where([style*=border-top-color]) {
	270	+html :where([style^=border-top-color],
	271	+[style*=";border-top-color"],
	272	+[style*="; border-top-color"]) {
263	273	border-top-style: solid;
264	274	}
265	275
266		-html :where([style*=border-right-color]) {
	276	+html :where([style^=border-right-color],
	277	+[style*=";border-right-color"],
	278	+[style*="; border-right-color"]) {
267	279	border-right-style: solid;
268	280	}
269	281
270		-html :where([style*=border-bottom-color]) {
	282	+html :where([style^=border-bottom-color],
	283	+[style*=";border-bottom-color"],
	284	+[style*="; border-bottom-color"]) {
271	285	border-bottom-style: solid;
272	286	}
273	287
274		-html :where([style*=border-left-color]) {
	288	+html :where([style^=border-left-color],
	289	+[style*=";border-left-color"],
	290	+[style*="; border-left-color"]) {
275	291	border-left-style: solid;
276	292	}
277	293
278		-html :where([style*=border-width]) {
	294	+html :where([style^=border-width],
	295	+[style*=";border-width"],
	296	+[style*="; border-width"]) {
279	297	border-style: solid;
280	298	}
281	299
282		-html :where([style*=border-top-width]) {
	300	+html :where([style^=border-top-width],
	301	+[style*=";border-top-width"],
	302	+[style*="; border-top-width"]) {
283	303	border-top-style: solid;
284	304	}
285	305
286		-html :where([style*=border-right-width]) {
	306	+html :where([style^=border-right-width],
	307	+[style*=";border-right-width"],
	308	+[style*="; border-right-width"]) {
287	309	border-right-style: solid;
288	310	}
289	311
290		-html :where([style*=border-bottom-width]) {
	312	+html :where([style^=border-bottom-width],
	313	+[style*=";border-bottom-width"],
	314	+[style*="; border-bottom-width"]) {
291	315	border-bottom-style: solid;
292	316	}
293	317
294		-html :where([style*=border-left-width]) {
	318	+html :where([style^=border-left-width],
	319	+[style*=";border-left-width"],
	320	+[style*="; border-left-width"]) {
295	321	border-left-style: solid;
296	322	}
297	323
298	324	/**
		@@ -310,16 +336,12 @@
310	336	margin: 0 0 1em 0;
311	337	}
312	338
313	339	html :where(.is-position-sticky) {
314		- /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
315	340	--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
316		- /* stylelint-enable length-zero-no-unit */
317	341	}
318	342
319	343	@media screen and (max-width: 600px) {
320	344	html :where(.is-position-sticky) {
321		- /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
322	345	--wp-admin--admin-bar--position-offset: 0px;
323		- /* stylelint-enable length-zero-no-unit */
324	346	}
325	347	}