制作ガイドライン

カスタムプロパティ（CSS変数）の命名ルール

プレフィックス –my- を付ける（理由: WordPressのコア変数とバッティングしないように）

カラー

–my-color-base	テキストに使用。基本的には黒
–my-color-primary	アクセントカラーに使用
–my-color-secondary	サブカラー1に使用
–my-color-tertiary	サブカラー2に使用
–my-color-border	ボーダーに使用。基本的にはグレーや黒
–my-color-background	背景に使用。基本的には薄いグレー

色数が多い場合は、変数名を考えるのが困難なため具体的な色名を付けることを許容する。

例

–my-color-red	テキストに使用する赤
–my-color-background-red	薄い赤