如何检查sass

Question

试图在本地（特定于站点）和全局（通用）SASS文件中设置颜色VAR，以在AEM中的网站添加颜色。我遵循以下方法检查未定义。但是他们似乎都没有起作用。获得未定义的变量$浅灰色... Iam使用Gulp Sass4.0.1

@if variable-exists($light-gray) {
		color: $light-gray;
	}else{
		color: lightgray;
	}
  
  /*------------------------------------------*/
  
  if($light-gray, $light-gray, lightgray)

其他方法是什么

Answer 1

我弄清楚了这个问题。问题在于我正在使用

@if variable-exists($my-variable)

而不是

@if variable-exists(my-variable)

。原因是

@if

条件期望字符串作为参数。当您使用

@

符号时，SASS将整个变量（包括

@

）作为名称的一部分，这会导致错误。

所以是：

"undefined"

.

。 另一个我发现，这是发生的。如果在这种情况下尝试使用诸如灰色之类的变量，

correct syntax

认为这些额外的信息可能会对其他人有所帮助！