Jak udostępnić zmienne między różnymi importowanymi plikami?

Question

Chcę używać SASS w sposób modułowy. W poniższym segmencie kodu możesz zobaczyć, w jaki sposób organizuję niektóre układy strony.

Co mam na myśli, to 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

Tak, tak to działa.

Dopóki _colors.scss jest importowane przed innymi plikami.

Możesz sprawdzić port na Twitterze Bootstrap do Sass tutaj: https://github.com/thomas-mcdonald/bootstrap-sass używa zmiennych w podobny sposób.

Answer 2

Musisz dodać ; na końcu linii @import.