如何在不同的導入文件之間共享變量？

Question

我想以模塊化的方式使用SASS。在下面的代碼段中，您可以看到我認爲組織頁面佈局的一種方式。

我想到的是external variables in languages like C。

// file: some_page.scss 
// 
// I want some variables from the fonts, colors partials 
// to be visible to the buttons partial 
// Is it possible? 
// error: _buttons.scss (Line X: Undefined variable: "$color_blue") 

@import "colors" 
@import "fonts" 
@import "buttons" 

// in file: _colors.scss 
$color_blue: blue; 

// in file: _buttons.scss 

.button { 
    background-color: $color_blue; 
} 

Answer 1

是的，就是這樣。

只要_colors.scss在其他文件之前被導入。

您可以在此查看Twitter Bootstrap的端口：https://github.com/thomas-mcdonald/bootstrap-sass它以類似的方式使用變量。

Answer 2

您需要在@import行的末尾添加;。