레일 3.1 SCSS - SASS for 루프 내에서 SASS 기능을 호출 할 수 있습니까?

Question

스택 막대 그래프의 스타일을 설정 중이므로 SASS 색상 조작 함수를 사용하여 루프의 변형을 만드는 것이 좋습니다. 분명히 나는 ​​루프에 대한 내부 SASS 기능을 사용할 수 없습니다

@for $i from 0 through 9{ 
    .Bar#{$i}{ 
    background-color:{mix(#75CFFF, #2C5999, #{i * 10}%)}; 
    } 
} 

아이디어를 색상이 10 개 % 단위로 100 % # 2C5999에 100 % #의 75CFFF에서 페이드 있다는 것.

이렇게 할 방법이 있습니까?

Answer 1

알 수 있습니다.

@for $j from 0 through 4{ 
    .Bar#{$j}{ 
    @extend .Bar; 
    background-color:mix($background-color, #2C5999, (10-$j)*10%); 
    } 
}