2014-12-28 2 views
3

스타일러스에서 음수 변수를 사용하려면 어떻게해야합니까?스타일러스. 음수 변수

나는 스프라이트에 대한 믹스 인 쓰기 :

sprite-medium(col,row) 
    width = 40px 
    height = 40px 
    width: width 
    height: height 
    background: url('../img/medium-sprite.png') no-repeat 
    background-position: -col*width -row*height 

그리고 오류가 있습니다. 물론 mixins 호출에서 음의 값을 쓸 수도 있지만 완벽한 결정은 아닙니다. 누구든지 도울 수 있니? 감사.

+0

가능한 복제 http://stackoverflow.com/questions/23232729/stylus-not-allowing-basic-subtraction. – Panya

답변

5

스타일러스는 -colrow 전에 이름의 일부로 취급하고 - 그들은 그 -(col * width)처럼 작동하도록 분리 될 필요, 그러나 당신은 또한 당신이 배경 위치를 원하는 두 값을 뺀 않도록해야합니다. 다음은 작동중인 백그라운드 계산과 속성 조회를 사용하여 단순화 된 솔루션입니다.

sprite-medium(col, row) 
    width: 40px 
    height: 40px 
    background: url('../img/medium-sprite.png') no-repeat 
    background-position: -(col * @width) -1 * (row * @height) 

희망이 있습니다.