Tailwind CSS Calc
class="w-[calc(100%+2rem)]"
// jit should be enabled in tailwind.config.js
module.exports = {
mode: 'jit',
....
};
Cloudy Capuchin
class="w-[calc(100%+2rem)]"
// jit should be enabled in tailwind.config.js
module.exports = {
mode: 'jit',
....
};
<div class="bg-red-500 w-24 h-[calc(100vh-36px)]"></div>
<div class="bg-red-500 w-24 h-[calc(100vh_-_36px)]"></div>