2012-12-14 2 views
24

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; 
} 
+2

이것은 제대로 작동합니다. 나는 이것을 모든 프로젝트에 아무 문제없이 사용한다. 오류가 표시되면 다른 오류가 발생합니다. –

+1

이것은 여전히 ​​나를 위해 작동하지 않습니다. 그것은 avariables 그것을 사용하는 파일 안에 있어야 할 것 같습니다. – chovy

+1

@SimonBoudrias "오류가 실제 질문과 관련성이 없다"는 것을 어떻게 알 수 있습니까? OP가 세미콜론을 포함하지 않는 경우, 질문은 인쇄 상 오류로 인해 닫혀 야합니다. 세미콜론이 있으면 질문을 "재생 불가능"으로 닫아야합니다. – cimmanon

답변

23

예, 작동 방식입니다.

_colors.scss은 다른 파일보다 먼저 가져옵니다.

Twitter Bootstrap의 포트를 Sass로 체크 아웃 할 수 있습니다 : https://github.com/thomas-mcdonald/bootstrap-sass 비슷한 방식으로 변수를 사용합니다.

11

@import 줄 끝 부분에 ;을 추가해야합니다.

+3

이것은 대답이 아닙니다. – Lior

+7

해결책입니다. 나는 똑같은 문제에 부딪쳤다. – Chloe

+1

좋아, 세미콜론을 추가하면 변수가 공유되는 것을 의미합니까? 와우,이 솔기는 매우 비 직관적입니다. "공유자"또는 "수신자"를 어느 라인에 추가해야합니까? 당신은 그것에 대한 참조가 있습니까? – Lior

관련 문제