Tailwind CSSのカスタマイズ方法を解説、基本的な機能を維持しつつ、スタイルを変更・追加するテクニック

Tailwind CSSはユーティリティクラスのフレームワークですが、すべてのスタイルは用意されていません。カラーを増やしたり、ブレイクポイントを増やしたり、マージンやパディングの値を増やしたり、カスタマイズ方法を紹介します。 また、Tailwind UIのUIコンポーネントをそのまま使用すると、似たデザインになってしまうことがあります。そんな時にもカスタマイズができると独自のデザインで実装できます。 Customizing Tailwind CSS by allround.io 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Tailwind CSSのカスタマイズの準備 スペースとブレークポイントをカスタマイズ ベースのスタイルを拡張 プリセットの使用と作成 終わりに はじめに Bootstrapの黄金期のように、T

[coliss]

Tailwind CSSでブレイクポイントを増やしたり、マージンやパディングの値を増やしたり、カスタマイズする方法。

[yarumato]

今の stackoverflow.com ってTailwind CSSになってる。こんな感じのHTMLになるのか‥と認識できた。

[Keisuke69]

Tailwindといまだに仲良くなれない