FROCSSについての認識があっているか質問です。

cssのFLOCSSについての認識をまとめますので、間違えているところを指摘いただきたいです。

・基本コンポーネントで作る。
・コンポーネント(.c-)は、ほぼ絶対的にサイト全体で共通のスタイルのみを記述する。
・wrapしたいときや、様々な箇所でコンポーネントに独自のスタイルを追加したい時、プロジェクト(.p-)でwrapし、.p-xxx--modifireを併記して個別スタイルに対応するようなイメージ。


	<div class="c-card">
		<a class="c-card__link" href="#">
			<div class="c-card__image">
				<img class="c-card__thumb" src="/dist/images/hoge.png" alt="">
			</div>
			<div class="c-card__meta">
				<p class="c-card__text">ダミーテキスト。ダミーテキスト。ダミーテキスト。</p>
			</div>
		</a>
	</div>

// 上記を基本とし、下記のように対応する。

<div class="p-card-list">
	<div class="p-card-list__card p-card-list__card--size-large c-card">
		<a class="c-card__link" href="#">
			<div class="c-card__image">
				<img class="c-card__thumb" src="/dist/images/hoge.png" alt="">
			</div>
			<div class="p-card-list__meta p-card-list__meta--red c-card__meta">
				<p class="c-card__text">ダミーテキスト。ダミーテキスト。ダミーテキスト。</p>
			</div>
		</a>
	</div>
</div>

/*
// cssは以下のような形
・・・
.c-card { height:100px;}
・・・
.p-card-list__card--size-large { height:200px;}
.p-card-list__meta--red { color:red;}
・・・
*/