docs(style.css): @layer 順序コメントを全 8 層に説明統一#185
Merged
Conversation
Layout / Component / Project / Animation / Utility の 5 層コメントに 説明とプレフィックス情報を追加し、既存の Token / Reset / Foundation と 同じフォーマットに揃える。CSS 出力への影響なし。 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Deploying starter with
|
| Latest commit: |
0a9cd4b
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://295d0f1e.starter-20t.pages.dev |
| Branch Preview URL: | https://docs-style-css-layer-comment.starter-20t.pages.dev |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
変更概要
src/assets/css/style.cssの @layer 順序コメントを全 8 層で統一。変更前後
/* Layout *//* Layout: ページの大枠を構成するブロック（l- プレフィックス） *//* Component *//* Component: 再利用可能な UI 部品（c- プレフィックス） *//* Project *//* Project: ページ / プロジェクト固有のブロック（p- プレフィックス） *//* Animation *//* Animation: アニメーション・トランジション定義 *//* Utility *//* Utility: 単一プロパティの汎用上書き（u- プレフィックス） */Token / Reset / Foundation はすでに説明あり（変更なし）。
変更規模
src/assets/css/style.css）AR 対象範囲
C 段階（全体）: starter は v1.0 公開リリース対象リポ。ただし変更はコメント追加のみ（スコープ極小）のため軽量実施。
pnpm build→ ✅ 成功（built in 88ms）pnpm lint:css→ ✅ エラーなし判断根拠
既存 3 層（Token / Reset / Foundation）の表現スタイル（コロン区切り・簡潔 1 行）を踏襲。プレフィックス情報（l- / c- / p- / u-）を追加して navigation コメントとしての教材性を向上。しゅんえい承認フォーマット厳守。
🤖 Generated with Claude Code