Mixins scss가 작동하지 않습니다.

Question

이전 버전의 브라우저에서 png로 폴백하는 배경으로 svg를 처리하는 데 도움이되는 scss에서 믹스 인을 만들려고합니다.

문제는 작동하지 않는다는 것입니다. 나는 하나의 CSS 파일이

@mixin background-svg-support($png, $svg) { 
    background: transparent url($png) center center no-repeat; 
    background-image: -webkit-linear-gradient(transparent, transparent), url($svg); 
    background-image: linear-gradient(transparent, transparent), url($svg); 
} 
.bg { 
    height: 800px; 
    width: 800px; 
    @inlude background-svg-support('http://bit.ly/14U3Qui', 'http://bit.ly/99Xewi'); 
} 

처럼 가지고 있지만 상관없이 어떻게 내 .bg 클래스의 배경 속성을 얻을 수 없습니다. 여기에 무슨 문제가 있습니까? Here is the codepen link

Answer 1

괜찮 았어, 나는 @include 대신에 @inlude이라고 쓰고 있었다. 이제 의도 한대로 작동합니다.

나는 그것을 작동시키기 위해서 codepen을 수정했다.