← All changes | build/styles/block-library/common.css +37 -15 23.3.1 → 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
		@@ -221,9 +227,9 @@
221	227	overflow: hidden;
222	228	padding: 0;
223	229	position: absolute;
224	230	width: 1px;
225		- word-wrap: normal !important;
	231	+ overflow-wrap: normal !important;
226	232	word-break: normal !important;
227	233	}
228	234
229	235	.screen-reader-text:focus {
		@@ -256,48 +262,68 @@
256	262	html :where(.has-border-color) {
257	263	border-style: solid;
258	264	}
259	265
260		-html :where([style*=border-color]) {
	266	+html :where([style^=border-color],
	267	+[style*=";border-color"],
	268	+[style*="; border-color"]) {
261	269	border-style: solid;
262	270	}
263	271
264		-html :where([style*=border-top-color]) {
	272	+html :where([style^=border-top-color],
	273	+[style*=";border-top-color"],
	274	+[style*="; border-top-color"]) {
265	275	border-top-style: solid;
266	276	}
267	277
268		-html :where([style*=border-right-color]) {
	278	+html :where([style^=border-right-color],
	279	+[style*=";border-right-color"],
	280	+[style*="; border-right-color"]) {
269	281	/*rtl:ignore*/
270	282	border-right-style: solid;
271	283	}
272	284
273		-html :where([style*=border-bottom-color]) {
	285	+html :where([style^=border-bottom-color],
	286	+[style*=";border-bottom-color"],
	287	+[style*="; border-bottom-color"]) {
274	288	border-bottom-style: solid;
275	289	}
276	290
277		-html :where([style*=border-left-color]) {
	291	+html :where([style^=border-left-color],
	292	+[style*=";border-left-color"],
	293	+[style*="; border-left-color"]) {
278	294	/*rtl:ignore*/
279	295	border-left-style: solid;
280	296	}
281	297
282		-html :where([style*=border-width]) {
	298	+html :where([style^=border-width],
	299	+[style*=";border-width"],
	300	+[style*="; border-width"]) {
283	301	border-style: solid;
284	302	}
285	303
286		-html :where([style*=border-top-width]) {
	304	+html :where([style^=border-top-width],
	305	+[style*=";border-top-width"],
	306	+[style*="; border-top-width"]) {
287	307	border-top-style: solid;
288	308	}
289	309
290		-html :where([style*=border-right-width]) {
	310	+html :where([style^=border-right-width],
	311	+[style*=";border-right-width"],
	312	+[style*="; border-right-width"]) {
291	313	/*rtl:ignore*/
292	314	border-right-style: solid;
293	315	}
294	316
295		-html :where([style*=border-bottom-width]) {
	317	+html :where([style^=border-bottom-width],
	318	+[style*=";border-bottom-width"],
	319	+[style*="; border-bottom-width"]) {
296	320	border-bottom-style: solid;
297	321	}
298	322
299		-html :where([style*=border-left-width]) {
	323	+html :where([style^=border-left-width],
	324	+[style*=";border-left-width"],
	325	+[style*="; border-left-width"]) {
300	326	/*rtl:ignore*/
301	327	border-left-style: solid;
302	328	}
303	329
		@@ -316,16 +342,12 @@
316	342	margin: 0 0 1em 0;
317	343	}
318	344
319	345	html :where(.is-position-sticky) {
320		- /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
321	346	--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
322		- /* stylelint-enable length-zero-no-unit */
323	347	}
324	348
325	349	@media screen and (max-width: 600px) {
326	350	html :where(.is-position-sticky) {
327		- /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
328	351	--wp-admin--admin-bar--position-offset: 0px;
329		- /* stylelint-enable length-zero-no-unit */
330	352	}
331	353	}