# code-snippets/4.0.0-beta.2/css/manage/blueprints/_detail.scss

Code Snippets, version 4.0.0-beta.2. 51 lines.

- Page: https://pluginprobe.com/plugins/code-snippets/4.0.0-beta.2/code/css/manage/blueprints/_detail.scss
- Raw: https://pluginprobe.com/plugins/code-snippets/4.0.0-beta.2/raw/css/manage/blueprints/_detail.scss
- Modified: 2026-09-22T07:42:04+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-snippets/4.0.0-beta.2/code/css/manage/blueprints/_detail.scss#L10-L20`.

```scss
.blueprint-detail {
	inline-size: 100%;
	max-inline-size: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	margin-block: 24px 32px;

	&__header {
		background: #fff;
		border: 1px solid var(--cs-color-border);
		border-block-end: none;
		border-radius: var(--cs-card-radius) var(--cs-card-radius) 0 0;
		padding: 24px 12px;

		&-title-row {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: flex-start;
			gap: 20px;
		}

		p {
			color: var(--cs-color-text-muted);
			font-size: 14px;
			line-height: 1.5;
			margin: 0;
			max-inline-size: 100%;
		}

		p.blueprint-detail__intro {
			margin-block-start: 12px;
			white-space: pre-line;
		}

		.docs-link {
			background: none;
			border: none;
			box-shadow: none;
			color: var(--cs-color-accent);
			flex-shrink: 0;
			font-size: 14px;
			padding: 0;
			margin-block-start: 12px;
			text-decoration: underline;
			line-height: 1;
		}
	}
}

```