タグ

ブックマーク / qiita.com/arowM (1)

  • ElmにクリーンでハックのないCSS modulesを

    のように自動的に書き換えてしまうのです。 もちろんCSSファイルのクラス名を書き換えるだけでは来の text クラスを持つHTML要素にスタイルが適用されなくなってしまいますから、書き換えたクラス名の対応関係を JSON オブジェクトとして以下のように出力します。 HTML側がこの JSON オブジェクトを使って適切なクラス名を各要素に付与するようにすることで、無事に CSS で定義したスタイルがその要素に適用されます。 このようなクラス名の衝突をなくす工夫によって、アトミックデザインなどに使える再利用可能な CSS の記述が可能になります。 関連手法との比較 「CSS modules を使いたいから ElmCSS modules を使えるようにした」みたいなのは無能な人がやることです。 いったん落ち着いて「当に ElmCSS modules を使う新しい手法を考える必要が

    ElmにクリーンでハックのないCSS modulesを
  • 1