Оставьте расчёты в CSS! Крис Койер призывает не бояться применять calc() и CSS-переменные, чтобы избавиться от магических чисел и сделать стили понятнее → https://css-tricks.com/keep-math-in-the-css/