@d-zero/scaffold 5.0.0-beta.0 → 5.0.0-beta.2

package/.gitignore

@@ -33,3 +33,8 @@ htdocs/*
 !htdocs/img
 htdocs/img/*
 !htdocs/img/*.test.*
+!htdocs/files
+htdocs/files/*
+!htdocs/files/images
+htdocs/files/images/*
+!htdocs/files/images/sample.png

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.0.0-beta.2](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-beta.1...v5.0.0-beta.2) (2025-07-11)
+
+### Features
+
+- **scaffold:** introduce @burger-editor/local for local development ([1524937](https://github.com/d-zero-dev/frontend-env/commit/15249370d68aeeb9c5b20d7c29dd4c8dfc0d000e))
+
+# [5.0.0-beta.1](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-beta.0...v5.0.0-beta.1) (2025-07-01)
+
+### Features
+
+- **scaffold:** add CSS layer structure and burger-editor integration ([89b4fa6](https://github.com/d-zero-dev/frontend-env/commit/89b4fa63209e43a130d592f729962b1a4a2876ca))
+
 # [5.0.0-beta.0](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-alpha.46...v5.0.0-beta.0) (2025-06-20)
 
 ### Bug Fixes

package/__assets/_libs/component/c-content-main.css

@@ -7,12 +7,8 @@
  * ただし、クラス名は`c-`で開始してはいけない。もちろん 【`c-` + `コンポーネント名` + `__` + `エレメント名`】 という規則でクラス名をつけない。
  * さらにそのルールに従って、メインコンテンツの中にコンポーネントを内包してはいけない。 */
 .c-content-main {
-	:where(*) {
-		text-underline-offset: 3px;
-	}
-
 	:where(h2, h3, h4, h5, h6, p) {
-		margin-block-end: max(0.75rem, 1rem);
+		margin-block-end: 1rem;
 	}
 
 	:where(ul, ol, table, blockquote) {
@@ -58,6 +54,117 @@
 		border: 1px solid var(--border-color);
 	}
 
+	[data-bgi] {
+		:where(&, & > div) {
+			:where(& > :first-child) {
+				margin-block-start: 0;
+			}
+
+			:where(& > :last-child) {
+				margin-block-end: 0;
+			}
+		}
+	}
+
+	[data-bgi='button'],
+	[data-bgi='download-file'] {
+		a {
+			display: flex;
+			justify-content: center;
+			min-inline-size: 10em;
+			max-inline-size: 20em;
+			padding-block: 0.5em;
+			padding-inline: 1em;
+			color: inherit;
+			text-decoration: none;
+			border: 1px solid currentcolor;
+			border-radius: calc(infinity * 1px);
+		}
+	}
+
+	[data-bgi='table'],
+	[data-bgi='wysiwyg'] {
+		table {
+			inline-size: 100%;
+			border-spacing: 0;
+			border-collapse: collapse;
+
+			th,
+			td {
+				padding: 1.5em;
+				border: 1px solid currentcolor;
+			}
+		}
+	}
+
+	[data-bgi='hr'] {
+		--border-color: currentcolor;
+		--border-width: 3px;
+
+		[data-bgi-hr-kind='dashed'] {
+			--border-kind: dashed;
+		}
+
+		[data-bgi-hr-kind='bold'] {
+			--border-width: 5px;
+		}
+
+		[data-bgi-hr-kind='narrow'] {
+			--border-width: 1px;
+		}
+
+		[data-bgi-hr-kind='short'] {
+			--inline-size: 50%;
+		}
+	}
+
+	@container bge-container (width < 768px) {
+		[data-bge-container='grid:1'],
+		[data-bge-container^='grid:1:'] {
+			[data-bge-container-frame] {
+				--bge-grid-col: 1;
+			}
+		}
+
+		[data-bge-container='grid:2'],
+		[data-bge-container^='grid:2:'] {
+			[data-bge-container-frame] {
+				--bge-grid-col: 2;
+			}
+		}
+
+		[data-bge-container='grid:3'],
+		[data-bge-container^='grid:3:'] {
+			[data-bge-container-frame] {
+				--bge-grid-col: 2;
+
+				/* 最後の要素を2列分にする */
+				> :nth-child(2n + 1):last-child {
+					grid-column: span 2;
+				}
+			}
+		}
+
+		[data-bge-container='grid:4'],
+		[data-bge-container^='grid:4:'] {
+			[data-bge-container-frame] {
+				--bge-grid-col: 2;
+			}
+		}
+
+		[data-bge-container='grid:5'],
+		[data-bge-container^='grid:5:'] {
+			[data-bge-container-frame] {
+				--bge-grid-col: 2;
+
+				/* 最後の要素を2列分にする */
+				> :nth-child(2n + 1):last-child {
+					grid-column: span 2;
+				}
+			}
+		}
+	}
+
 	.cc-form-description {
 		font-size: calc(14 / 16 * 1rem);
 	}