タグ

ブックマーク / www.gaji.jp (2)

  • Tailwind CSS を採用しない方がいいかもしれないユースケース

    こんにちは。Gaji-Labo 横田です。今日は、Tailwind CSS を採用しない方がいいかもしれないユースケースを考えてみました。 併用するオリジナル CSS や他のフレームワークが存在するたとえば Shopify のような SaaS の場合、テーマごとに独自の CSS が含まれています。また運用中のサイトやサービスであれば、オリジナルの CSS や、採用済みの CSS フレームワークや設計、ルールが存在します。このようなベースとなる別の CSS ありきに Tailwind CSS を後から導入する場合、 class 名に接頭辞をつけるなどの工夫で既存の CSS と区別しながら併用することはもちろん可能ですが、以下のような開発コスト・運用コストを同時に考慮する必要があると思います。 @tailwind base; を読み込むと既存のリセット系スタイルに影響を及ぼすケースがある。結果

    Tailwind CSS を採用しない方がいいかもしれないユースケース
  • Stylelint 14 での SCSS と CSS-in-JS の設定方法

    はじめにこんにちは。胃もたれすることが増えてきたような気がしている kimizuy です。今回は Stylelint のバージョンを 13 から 14 に上げる機会があったので、そこで得た知見をもとに v14 の変更点や設定のサンプル(SCSSCSS-in-JS)をご紹介します。 前提VSCode で普段開発しているのですが Stylelint拡張機能 に以下の警告が出るようになっていました。 Stylelint version 13.12.0 is no longer supported. While it may continue to work for a while, you may encounter unexpected behavior. Please upgrade to version 14.0.0 or newer. See the migration gui

    Stylelint 14 での SCSS と CSS-in-JS の設定方法
    sugarte
    sugarte 2022/01/06
    v14 で Unknown word CssSyntaxError が出るときはこれやると良さそう。ちゃんと調べてないので時間あるときに調べること。
  • 1