packages/ui/src/empty-state/style.module.css - trunk - githubmirror/gutenberg

packages/ui/src/empty-state/style.module.css

55 строк1 KB

Marco Ciampini

theme: rename `bg`/`fg` design token groups to `background`/`foreground` (#79098)

12 июн 2026, 17:00

12 июн 2026, 17:00a89ef56

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

	@layer components {
		.root {
			display: flex;
			flex-direction: column;
			align-items: center;
			text-align: center;
			max-width: var(--wpds-dimension-surface-width-sm);
			gap: var(--wpds-dimension-gap-xs);
			font-family: var(--wpds-typography-font-family-body);
			color: var(--wpds-color-foreground-content-neutral);
			text-wrap: balance;
		}

		.visual {
			display: flex;
			margin-block-end: var(--wpds-dimension-gap-xs);
			align-items: center;
			justify-content: center;
			color: var(--wpds-color-foreground-content-neutral-weak);
			line-height: 1;
		}

		.icon {
			padding: var(--wpds-dimension-padding-xs);
			border: 1px solid var(--wpds-color-stroke-surface-neutral-weak);
			border-radius: 50%;
			background-color: var(--wpds-color-background-surface-neutral-weak);
		}

		.title {
			margin: 0;
		}

		.description {
			margin: 0;
			color: var(--wpds-color-foreground-content-neutral-weak);
		}

		.actions {
			display: flex;
			margin-block-start: var(--wpds-dimension-gap-md);
			flex-direction: column;
			gap: var(--wpds-dimension-gap-xs);
			align-items: center;

			@media (min-width: 480px) {
				flex-direction: row;
				justify-content: center;
			}
		}
	}
}