item-tile

Block class name .item-tile Edit in wp-admin

Example markup

<a class="item-tile" href="{permalink}">
	<div class="item-tile__image"><img src="{image_url}" alt=""></div>
	<div class="item-tile__body">
		<span class="item-tile__title">{title}</span>
		<span class="item-tile__subtitle">{subtitle}</span>
		<div class="item-tile__meta">
			<span class="item-tile__badge">{badge}</span>
			<span class="item-tile__price price price--saffron">{price}</span>
		</div>
	</div>
</a>

Class-name normaliser

Plan #322 substrate. class_root + class_aliases feed the S2 audit CLI + S3 normaliser. Kind drives downstream branching.

Class root Kind Composition role

✓ Pick both kind + composition role to validate alignment.

BEM elements (canonical)

Operator-locked. S3 normaliser rewrites drift like __heading → __title.

BEM modifiers (canonical)

Operator-locked.

Class aliases (drift catcher) Edit in wp-admin

Past-drift class roots this entry absorbs. S2 audit populates automatically; use wp-admin to review provenance + tune manually. The wp-admin metabox exposes the full mockup relationship UI + date picker + occurrence count.

No aliases recorded yet.

Prompt

Operator-authored guidance for the camcom-design skill — when to use this block, composition rules, brand-variation notes. Saves on blur.

Legacy fields (tier, composition role, layout pattern, repeaters)

Pre-MC-plan-#64 schema. Data preserved here for reference. Collapsed into example markup + prompt opportunistically as we walk sections.

Composition role Layout pattern

Purpose Composes with

Elements observed

Modifiers observed

States

Non-canonical elements

Notes

Class-name normaliser

Prompt

AI-Assist