使用if（）css函数将大小与单位进行比较

Question

我基本上有一个css变量--my-variable，其中包含类似250px的内容（单位为px）。我想根据该变量中包含的大小来应用样式。

例如：

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

似乎我无法用这种方式进行比较...我做错了什么？有什么主意吗？

我正在使用SCSS。

提前感谢

Answer 1

您需要插入var（）函数：

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