css next variables globaly 사용하기

2016-09-01 2 views 6 likes

postcss 파서가 http://cssnext.io으로 설정되어 있고 모든 테마 설정을 포함하도록 variables.css 파일을 설정하는 방법을 찾으려고합니다.css next variables globaly 사용하기

지금까지 variable.css은 바르

:root { 
    --color-white: #FFF; 
    --color-black: #000; 
}

의 부부와 함께 다음과 같습니다 나는 내가 이러한 변수를 사용하려면 내 다른 파일, 그래서 @import './variables.css' 또는 이와 유사한 다음과 같은 해당 파일에서 사용할로 가져보다 예를 들어 background-color: var(--color-white) 그러나 나는 때라도받을 경고 :

변수 '--color - 화이트'[postcss - 사용자 정의 속성] 정의되지 않은 및 대체 없이 사용

출처

2016-09-01 Ilja

답변

당신은 어떻게 설치하는 자세한 내용은 postcss 가져 오기를

$ npm install postcss-import

확인이 post를 설치하려고 할 수 있습니다. postcss-import를 사용

편집 이 문제를 해결 그러나 현재 최신 버전, 안정성

출처

2016-09-01 09:18:37

당신이 당신의 자바 스크립트 코드를 사용하여 변수를 공유 할 경우 또 다른 솔루션을 사용 V 7.x와 함께이 문제입니다,이다 postcss-custom-properties "variables"옵션에 의존합니다. http://cssnext.io/usage/#features

: 여기

는 postcss-cssnext의 구성의 일 예는 글로벌 변수

require("postcss-cssnext")({ 
    features: { 
    customProperties: { 
     variables: { 
     mainColor: "red", 
     altColor: "blue", 
     } 
    } 
    } 
})

소스를 전달하는

출처

2016-09-02 08:08:59 MoOx

css next variables globaly 사용하기

답변

관련 문제