packages/ui/src/utils/css/focus.module.scss - trunk - githubmirror/gutenberg

packages/ui/src/utils/css/focus.module.scss

25 строк689 B

Lena Morita

Button: Suppress UA focus ring when focused and pressed (#81113)

04 авг 2026, 15:22

04 авг 2026, 15:22582db9f

@use "./mixins";

@layer wp-ui {
	@layer utilities, components, compositions, overrides;

	@layer utilities {
		.outset-ring--focus:focus,
		.outset-ring--focus-visible:focus-visible,
		.outset-ring--focus-within:focus-within,
		.outset-ring--focus-within-visible:focus-within:has(:focus-visible),
		:focus-visible .outset-ring--focus-parent-visible {
			@include mixins.focus-ring();
		}

		.outset-ring--focus-except-active:focus,
		.outset-ring--focus-within-except-active:focus-within {
			outline: none;
		}

		.outset-ring--focus-except-active:focus:not(:active),
		.outset-ring--focus-within-except-active:focus-within:not(:has(:active)) {
			@include mixins.focus-ring();
		}
	}
}