scss 변수를 재정의하는 방법은 무엇입니까?

저는 현재 materialize.css를 사용하고 있으며 기본 파일을 변경하지 않고 기본 파일을 변경하려고합니다. 내가 materialize.scss에서scss 변수를 재정의하는 방법은 무엇입니까?

$secondary-color: color("blue", "darken-1");

를 설정하고 내 _modified 파일에서

@import '_materialize'; 
@import '_modified'; 
@import '_new';

처럼 내가 내 주요 stylesheet.scss에 노력하고하는 것은, _variable.scss는 이미 (기본 프레임 워크 파일)을 가져옵니다 이는 보조 색상 값이 같은 외부하는 SCS 파일을 대체 할 teal.How

$secondary-color: color("teal", "lighten-1") !default;

여전히 보조 색상이 남아있다?

편집 1 : 해결책을 찾았습니다.

$secondary-color: color("teal", "lighten-1") !default;

구체화 CSS의 컬러 믹스 인 파일을로드하지로 인해 작동되지 않았습니다.

지금 modified.scss에서 @import "materialize/components/color"; 다음

$secondary-color:color("teal", "lighten-5");

일 후.

@import '_your-vars'; // your own vars 
@import '_materialize'; // includes framework vars 
... // other modifications

을 지금까지 나는 SCSS에게 !default 플래그를 이해 : 그것은 아무것도하기 전에 선언되어 있지 않은 경우, 대체의 (마지막되지 않음) 먼저 바르 가져 오기 예 아래

$secondary-color: color("blue", "darken-1"); 
.someClass{ 
     $secondary-color: color("teal", "darken-1") !important; 
     .someClass h2{ 
      color: $secondary-color; 
     } 
}

출처

2017-05-04 Shashank Bhatt

다음과 같이'$ important-color : color ("blue", "darken-1")! 중요한;'? –

그건 재미 있어요, 그게 효과가있을 것이라고 생각 했겠죠. 'modified' 파일을 먼저 넣으려고 했습니까? 'materialize'의'! default' 플래그는 값이 아직 설정되지 않은 경우에만 설정된다는 것을 의미합니다. 또한 재미있는 사실 - 파일 이름을 가져올 때 파일 이름에서'_'을 생략 할 수 있습니다. Sass는 파일 이름이 부분임을 알고 있습니다. –

_materialize를 수정하면 브래킷 편집기 컴파일러에 오류가 발생합니다 –

보기 . 따라서 변수 (변수 만, 종속성을 가질 수있는 다른 수정 사항 없음)를 가져 오면 먼저 작동합니다.

출처

2017-05-04 10:06:07

을

출처

2017-08-26 19:52:30

scss 변수를 재정의하는 방법은 무엇입니까?

답변

관련 문제