sass - インポートされた異なるファイル間で変数を共有するにはどうすればよいですか？

Question

SASSをモジュール方式で使用したい。以下のコードセグメントでは、ページのレイアウトのいくつかを整理することを検討する方法を見ることができます。

私が念頭に置いているのは、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のSassへの移植は、https ：//github.com/thomas-mcdonald/bootstrap-sassで確認できます。同様の方法で変数を使用します。

Answer 2

;行の最後にを追加する必要があります@import。