GLANZ. CREATIVE WORKS
CSS

値のルール

数値、font-size、font-weightの指定方法
このルールはStylelintの設定に基づいて自動的に整理されます。

数値

selector {
  /* 少数点の前の `0` は省略しない */
  opacity: 0.5; /* ✅ */
  opacity: 0.5; /* ❌ */
}

font-size

基本的に、実際に Chrome の文字サイズ変更機能(「極大」など)で検証し、拡大時のレイアウト崩れに対応できる場合のみ rem を使用し、それ以外は px を使用してください。

検証やレイアウト調整に十分なコストを割けない場合や、実装者のスキル的に難しい場合は、無理に rem を使わず px 指定とし、レイアウトの安定性を優先して構いません。

vw のみで文字サイズを管理すると、小画面で読みにくくなったり、大画面で過剰に拡大したりするため、原則として clamp() で上下限を設定してください。

font-weight

原則として数値(400, 700 など)で指定してください。