Tailwind CSS に流動的 Spacing を導入

はじめに まず、Tailwind CSS の spacing とは何かについては、公式の Spacing ページ をご覧ください。Tailwind CSS はユーティリティファーストの CSS フレームワークですので、提供する padding や margin などのサイズは予め決められています。その基となるのが Spacing ページ下部にある Default spacing scale という表です。 Tailwind CSS default spacing scale Name がサイズ名で、size が実際の値で、pixels がピクセルに換算したときの数値です。この spacing は、padding、margin、width、height、top、left などなど、さまざまなプロパティに利用されます。Tailwind CSS を使用したことがある方はご存知だと思いますが、使い