SASS를 사용하면 어떻게 기본 파일에 정의 된 부분 파일에서 변수에 액세스 할 수 있습니까?

Question

새로운 SASS에 대한 질문이 있습니다. 아마도 정확하게 이해하지 못할 수도 있습니다.

내 기본 파일 (global.scss)과 몇 개의 부분 파일이 있습니다. 저는 현재 프로젝트를 진행 중이며 전체적으로 사용할 몇 가지 사용자 정의 색상을 정의하려고합니다 ($ color-navy를 '# 162a3e'로 정의 할 수 있기를 원합니다). 어떻게 이러한 변수를 설정하고 부분 파일과 기본 파일에 액세스 할 수 있습니까?

나는 이것이 정말로 의미가 있기를 바란다. 필자는 필요할 경우 더 많은 것을 명확히하려고 노력할 것이다.

// Import this in any partial and in your global.scss 
@import "variables"; 

// you have access to $navy ! yay 
.saucy{ 
    color: $navy; 
} 

기술적으로 다음과 같이

Answer 1

먼저 방금 각 부분 (및 글로벌)의 시작 부분에서이 파일 을 포함

$navy: #162a3e; 

다음과 같은 내용으로 파일 variables.scss을 global.scss를 컴파일 할 때만 (그리고 개별 스타일 시트로서의 부분은 아니지만) 더 큰 주제가 될 때만 global.scss에서 가져 오기 만하면됩니다. 매번 variables.scss을 수입하기 만해도 상처를주지는 않습니다.