saitoayumu https://blog.hatena.ne.jp/saitoayumu/ エキサイト TechBlog. https://tech.excite.co.jp/ フロントエンド-Tailwind CSS デザイン-デザインシステム フロントエンド フロントエンド-スタイリング フロントエンド-CSS こんにちは。エキサイトでデザイナーをしている齋藤です。 今回は、Tailwind CSSでスペーシングのベースサイズをカスタマイズする方法をご紹介します。 なお、本稿ではv4.1（2025年4月14日時点の最新版）のTailwind CSSを前提とします。 実現したいこと スペーシングのベースサイズをカスタマイズする方法 仕組み まとめ 参考文献 実現したいこと 冒頭、実現したいことを整理します。 Tailwind CSSでは、スペーシングのベースサイズは0.25rem（4px相当）とデフォルトで設定されています。 例えば、paddingはp-<number>の形式のユーティリティクラスでスタ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.excite.co.jp%2Fentry%2F2025%2F04%2F14%2F112553" title="Tailwind CSSでスペーシングのベースサイズをカスタマイズする方法 - エキサイト TechBlog." class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/saitoayumu/20250414/20250414085250.png Hatena Blog https://hatena.blog 2025-04-14 11:25:53 rich https://tech.excite.co.jp/entry/2025/04/14/112553 1.0 100%