Come si condividono le variabili tra diversi file importati?

Question

Voglio usare SASS in modo modulare. Nel segmento di codice qui sotto puoi vedere un modo in cui considero l'organizzazione di alcuni layout di una pagina.

Quello che ho in mente è lo 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

Sì, è così che funziona.

Finché _colors.scss viene importato prima degli altri file.

È possibile controllare la porta di Twitter da Bootstrap a Sass qui: https://github.com/thomas-mcdonald/bootstrap-sass utilizza le variabili in modo simile.

Answer 2

È necessario aggiungere uno ; alla fine della riga @import.