refactor(starter): l-section Z パターン命名整合化 — --l-section-padding-min/max (#178)#180
Merged
Conversation
Deploying starter with
|
| Latest commit: |
b9f358e
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://33ef13c7.starter-20t.pages.dev |
| Branch Preview URL: | https://feature-l-section-z-pattern.starter-20t.pages.dev |
#178) - 公開 API を `--l-section-padding-min/max` に改名 - Block 冒頭に private 変数(`--_padding-min/max`)を分離し fallback 付き代入 - `padding-block` は private 変数のみ参照 - p-numbers.css: `--section-padding-min/max` → `--l-section-padding-min/max` - p-cta.css: 同上 - p-problem.css: 同上 - p-faq.css: プロパティ順序修正(gap → max-inline-size の recess-order 整合) - spec §7 公開 API 命名 `--{対象}-{名前}` から `l-section` を対象とした形式 - 現行 spec §7 例(`--section-padding`)と一時的に乖離するが、 Task #21(mflocss-spec-lead)で spec/agent-reference 側の更新が進行中 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
04cbc6c to
b9f358e
Compare
shunei-web
added a commit
that referenced
this pull request
Apr 29, 2026
…revert(spec L695 準拠) (#181) PR #180 で `--l-section-padding-min/max` に変更した公開 API 名を `--section-padding-min/max` に戻す。 spec §6 L695 「公開 API は Block 名からプレフィックス除外」原則違反のため。 - l-section.css: コメント + var() 参照を修正 - p-cta.css / p-numbers.css / p-problem.css: override 変数名を修正 - Block 冒頭 --_padding-min/max の private alias 構造は維持 修正前 grep `l-section-padding`: 10件 / 修正後: 0件 Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
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
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.
概要
l-section.cssの Custom Property 命名を Z パターン整合形に変更し、参照側の Project ファイルを一括更新。変更内容
l-section.css— Z パターン整合形Before:
After:
Project ファイル(3 件 6 箇所)
p-numbers.css:--section-padding-min/max→--l-section-padding-min/maxp-cta.css: 同上p-problem.css: 同上副次的修正
p-faq.css:stylelint --fixによる CSS プロパティ順序修正(recess-order:gap→max-inline-size)命名根拠
spec §7 の公開 API 命名規則
--{対象}-{名前}を適用し、Layout Blockl-sectionを対象とした命名。暫定注記: 現行 spec §7 の例(
--section-padding)と一時的に乖離するが、Task #21(mflocss-spec-lead delegate)で spec/agent-reference 側の更新が進行中のため、本 PR では starter 側を先行実装。確認
grep -rn "section-padding-min\|section-padding-max" src/の旧命名: 0 件pnpm run lint:css— stylelint エラーなしpnpm run lint:js— eslint エラーなしpnpm run build— ビルド成功 (✓ built in 272ms)参照
docs/ar-2026-04-30-v12-finishing.mdM1-1