2016-10-07 4 views
1

하나의 VAR을 덮어 우리가있어 우리의 말대꾸 변수가말대꾸 : 다른

scss\variables\_custom_variables.scss처럼 설정 파일.

우리가

a {color: $link-color;}

같은 규칙이 scss\main\_main_nav.scss로 탐색을위한이 같은 설정 우리의 말대꾸 파일에 넣어 사용하는

$link-color: $00f; 그런

같은 것들을 포함 물론 어느,

이제는 사용자 정의 스타일링을 허용하는 새로운 기능이 추가되었습니다.이 스타일은 변수뿐만 아니라 scss\main\의 모든 것을 가져옵니다.

scss\main_2\_main_nav.scss 무한히 같은 것을 만드는 대신에 내가 좋아하는 것

$link-color를 재정의 할 수 있습니다.

나는 단순히

$link-color: #36c;

같은 재정의 목록을 scss\new_file\_variables.scss를 생성 할 수 기대했지만 예상대로이 작동하지 않습니다. 내가 더 잘할 수 있을까?

감사합니다, 모든

+0

가능한 복제 [그들이 가져온 후에 내가 말대꾸 변수를 대체 할 수 있습니다?] (http://stackoverflow.com/questions/11773583/can-i-override-sass-variables-after-they -have-been-imported) – Hackerman

+0

나는 그렇게 생각하지 않는다 : 전역에서는 변수를 설정하고 있는데 그 시점에서'! default'를 사용하고있다. 그러나 우리는 다른 색 구성표를 만들기 시작하고 새로운 규칙 대신 해당 행을 다시 정의하고 싶습니다. : 'global.scss : $ primary-color : red! default;'그리고 나서 'custom.scss : $ primary-color : blue;' 스택 순서를 지키려해도 컴파일은 계속됩니다. '$ primary-color : red; ' –

답변

0

당신은 기본 플래그와베이스 변수를 정의 할 수 있습니다 : $var1: lightblue !default;

$var1: red;

사용하여 테마를 오버라이드 (override) 만약에 당신 @import 가변 파일 올바른 순서, redlightblue을 무시합니다.

https://webdesign.tutsplus.com/articles/understanding-variable-scope-in-sass--cms-23498

+0

위대한 링크. 감사. 범위가 문제가되는 것을 조사하려고합니다. –