Farklı içe aktarılan dosyalar arasında değişkenleri nasıl paylaşırım?

Question

SASS'yi modüler bir şekilde kullanmak istiyorum. Aşağıdaki kod bölümünde, bir sayfanın bazı düzenlerini organize etmeyi düşündüğüm bir yol görebilirsiniz. Aklımda ne var

external variables in languages like C olduğunu.

// 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

Evet, işte böyle.

sürece _colors.scss gibi diğer dosyalardan önce alınır.

Burada Sass Twitter Bootstrap limanı kontrol edebilirsiniz: https://github.com/thomas-mcdonald/bootstrap-sass benzer bir şekilde değişkenleri kullanır.

Answer 2

Sen @import satırın sonunda bir ; eklemeniz gerekir.