packages/boot/src/style.scss - trunk - githubmirror/gutenberg

packages/boot/src/style.scss

34 строки837 B

Juanfra Aldasoro

Boot: Adjust specificity of the image reset styles so components can size their own images (#80845)

30 июл 2026, 20:58

30 июл 2026, 20:580d39277

@use "@wordpress/base-styles/mixins" as *;
@use "@wordpress/base-styles/variables" as *;

.boot-layout-container .boot-layout {
	// On mobile the main content area has to scroll, otherwise you can invoke
	// the overscroll bounce on the non-scrolling container, for a bad experience.
	@include break-small {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		min-height: calc(100vh - #{$admin-bar-height-big});
	}

	// The WP header height changes at this breakpoint.
	@include break-medium {
		min-height: calc(100vh - #{$admin-bar-height});

		body:has(.boot-layout.has-full-canvas) & {
			min-height: 100vh;
		}
	}
}

// `:where()` so components can still size their own images.
:where(.boot-layout) img {
	max-width: 100%;
	height: auto;
}

.boot-layout .boot-notices__snackbar {
	@include snackbar-container();
}