각도/재료 2에서 $ primary scss 변수 사용

각도/재료 2 응용 프로그램에서 사용자 정의 테마를 작성하기 위해 angular-cli 및 테마 안내를 사용하고 있습니다.

scss 파일에서 주 색상과 억양 색상이 $ primary 및 $ accent scss 변수에 적절히 할당됩니다.

맞춤 구성 요소 scss 스타일에서 $ primary 변수를 사용할 수있는 방법이 있습니까? atempt 결과 : '정의되지 않은 변수 : angular-cli가 구성 요소의 스타일 시트를 컴파일하려고하면 "$ primary"가됩니다.

미리

당신은 변경하거나 $primary 변수를 사용하려는 파일의 가져 오기 문을 사용 할 수 있습니다

출처

2016-10-10 nlyk

에 감사드립니다. 나는 프런트 엔드 프레임 워크에서하는 SCS를 사용하여, 내 main.scss 파일에서이 작업을 수행 할 필요가 있어요 : 나는 @ 존의 대답으로 관련 답변을 믿는다

@import "frontEndFramework.scss";

출처

2016-10-10 07:29:56 John

잘 모르겠다. 나는 이미 사용자 정의 scss 파일을 가져 오려고했는데 이상한 scss 컴파일 오류가 발생했습니다. 다시 시도해 보았고 $ primary 변수를 얻으 려했습니다. – nlyk

문제를 해결할 수있어서 기쁩니다. 아래에 추가 한 정보에 감사드립니다. – John

. unsuccesfuly 사용자 정의 테마를 가져 오려고 시도한 후 변경된 내용을 찾을 수 없습니다.

@import '../my-custom-theme.scss'; 

g > .title { 
    fill: md-color($primary); 
}

스타일의 SVG 구성 요소하려는 사람에게 추가 정보 :

사용 '캡슐 : ViewEncapsulation.None'구성 요소의 메타 데이터에 그냥 대답 completenes, 나는 같은 것을 사용하고 있습니다. SVG는 그림자 DOM을 지원하지 않으며 angular2 캡슐화의 에뮬레이션 모드는 SVG 구성 요소에 유효하지 않은 CSS 선택기에 특성을 추가합니다.

출처

2016-10-10 09:09:12 nlyk

각도/재료 2에서 $ primary scss 변수 사용

답변

관련 문제