TailwindCSSでcalc()を使う方法

作成:2022/02/14

tailwindcss calc

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

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

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

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