SASS中是否存在isset或null合併運算符的等價物？

Question

我只想設置一個變量，如果它沒有被設置。

SO ...

在_layout.scss：

$page-width: 1100px; 

然而，在我_module.scss文件，我不想對_layout.scss

依賴我想要做的這樣的事情：

$page-width = $page-width ?? 960px; 
// If $page-width exists, use it, otherwise set it to a default of 960px; 

我想要一些在SASS 3.2中推薦那些優選的作品。我發現了一個解決方案在這裏，否則：

global-variable-exists is triggering errors in Sass

Answer 1

我相信你正在尋找variable defaults和SASS支持他們。變量默認值允許您分配變量，如果它們尚未在值的末尾使用!進行分配。

在你的情況，你可以在_layout.css使用：

$page-width: 1100px; 

然後在_module.scss可以

$page-width: 960px !default; 

這大致相當於說assign $page-width to 960px unless $page-width is already defined。

查閱有關default variables的文檔。