Пользовательский класс Tailwind с Calc ⇐ CSS

[Anonymous]

У меня есть раздел, где вы можете выбрать некоторые коды CPV. у него есть 2 основных раздела:
[*]Слева указаны выбранные вами коды. [*]Справа у вас есть весь список кодов, из которых вы можете выбрать
Я хочу, чтобы высота правого элемента div соответствовала высоте левого. Я использую Tailwind, добавил min-h-[20rem], overflow-y-scroll и некоторые другие классы и получил следующее:



Когда я выбираю дополнительные цены за просмотр и они добавляются в Ваши выборы, высота правого элемента div, содержащего список цен за просмотр, остается прежней (20rem).



Я попробовал использовать max-height:[calc((8*4rem) + 20rem)] (где 8 — количество выбранных цен за просмотр) непосредственно в качестве CSS и это работает, но когда я пытаюсь сделать его пользовательским классом Tailwind - это не так.

Это класс Tailwind: max-h-[calc((8*4rem)+20rem)]

Я заметил, что класс css работает, только если вы добавите в него пробелы:
[*]Работает - max-height:[calc((8*4rem) + 20rem)] [*]Не работает — max-height:[calc((8*4rem)+20rem)]
Я попробовал добавить _ в класс Tailwind, но результата все равно нет.

Изменить: Реальный код, содержащий класс попутного ветра, выглядит следующим образом:

• {cpvsArray.map(cpv => (
• ))}