Sass - mixing 설정 2 개의 레이어가있는 배경

Question

나는 내 웹 사이트를 따라 반복되는 무언가를 위해 믹스 인을 만들려고했지만 작동하지 않습니다.

내가 만들고 싶은 믹스는 두 이미지로 아이콘을 생성합니다. 두 이미지는 모두 배경 이미지로 사용되며 오버레이됩니다. 기본적으로 그 결과로 배경 이미지로 적용된 이미지가있는 원 배경과 CSS 배경 이미지를 사용하여 실제 아이콘 위에 배치해야합니다.

내가 한 믹스입니다.

여기 내 빨간 클래스에 적용하는 방법이 포함되어 있습니다.

.red{ 
@include coloredIcons(200px,200px,50%,"idea","bg_icon_red","png","jpg",200px,"cover"); 
} 

obvously 작동하지 않으며 아직 해결 방법을 찾지 못했습니다. 그러나 여기에는 매력처럼 작동하는 순수한 CSS 버전이 있습니다. 당신의 도움을 환영합니다

.red{ 
// @include coloredIcons(200px,200px,50%,"idea","bg_icon_red","png","jpg",200px,"cover"); 
width: 200px; 
height: 200px; 
background:url('../imgs/icons/idea_grey.png') no-repeat center center, 
url("../imgs/bg_icon_red.jpg") center center; 
-moz-border-radius: 50%; 
-webkit-border-radius:50%; 
-o-border-radius:50%; 
border-radius: 50%; 
background-size: 200px 200px,cover 
} 

... cimmanon가 언급 한 바와 같이

Answer 1

, 이미지 경로를 확인하고 마지막 매개 변수에 따옴표를 제거합니다.

@include coloredIcons(200px,200px,50%,"idea_grey","bg_icon_red","png","jpg",200px,cover); 

순수 CSS 버전과 동일한 출력을 생성합니다.