Использование функции if () css для сравнения размеров с единицей

Question

У меня в основном есть переменная css --my-variable, которая содержит что-то вроде 250px (с единицей px). Я хочу применить стиль на основе размера, содержащегося в этой переменной.

Например:

background-color: if( var(--my-variable) > 200px , green, red );

Кажется, что я не могу сравнить таким образом ... Что я делаю неправильно ? Любая идея?

Я использую SCSS.

Заранее спасибо

Answer 1

Я думаю, вы можете раскрасить свой контент в медиа-запросе. CSS calcs не имеет оператора if.