経験知ロゴ

TailwindCSSでcalc()を使う方法

tailwindcss calc

TailwindCSS v2でwitdthやheightにcalc()を使うには下記のようにすれば使えました。

w-[calc(100%_+_16px)]
h-[calc(100%_-_16px)]

v2ではtailwind.config.jsをいじる必要があるようです。

[]を使うといろいろCSSを直接書けるんですね。これは知っておいたほうが良さそう。

役に立ったらこの記事のシェアをお願いします

ブログのフォロー・RSS購読は下記ボタンから