← All changes | build/styles/block-library/common.css +14 -37 23.6.2 → 22.7.0 View file →

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