👓
RSCSS 日本語訳
  • Introduction
  • コンポーネント(Components)
    • コンポーネント について
    • エレメント(Elements)
    • バリアント(Variants)
    • ネストされたコンポーネント (Nested Components)
    • レイアウト(Layouts)
    • ヘルパー(Helpers)
  • 構造(Structure)
    • CSS Structure
  • 付記
    • 落とし穴
    • 懸念点
    • リソース
  • 要約
  • 外部リソース
    • 翻訳
Powered by GitBook
On this page
  • ヘルパーの命名
  • ヘルパーの管理

Was this helpful?

  1. コンポーネント(Components)

ヘルパー(Helpers)

値をオーバーライドすることが目的の汎用クラスは別のファイルに分け、アンダースコアで始まる名前にしてください. それらのクラスは大抵 !important 属性が付与されますが気をつけて使用してください.

._unmargin { margin: 0 !important; }
._center { text-align: center !important; }
._pull-left { float: left !important; }
._pull-right { float: right !important; }

ヘルパーの命名

クラス名のプリフィックスにアンダースコアを付与してください. これはコンポーネントで定義されたmodifierと区別するのに役立ちます. アンダースコアはあまり見栄えは良くないですがこれは意図した副作用です. つまりヘルパーの多用は推奨されないということです.

ヘルパーの管理

全てのヘルパーを helpersという一つのファイルで管理してください. 複数のファイルに分けることも出来ますが, ヘルパーを必要最小限に保っておくことが望ましいためです.

Previousレイアウト(Layouts)NextCSS Structure

Last updated 5 years ago

Was this helpful?