조건부 호버 상태가 낮음

Question

내 레스 믹스에 조건부 호버 상태를 추가하고 싶습니다.

나는 다음 시도했다 그러나 그것은 오류 반환 :

.foo(@hoverstate:false){ 

    color:red; 

    &:hover when (@hoverstate = true){ 
     color:blue; 
    } 

} 

이에 대한 올바른 구문은 무엇입니까? 당신이 거기 가드를 넣어 믹스 인을해야합니다 있도록

Answer 1

dotless이 "CSS guard" 건설을 지원하지 않습니다, 예를 들면 : 단순화 할 수

.foo(@hoverstate: false) { 

    color: red; 

    .-(); .-() when (@hoverstate = true) { 
     &:hover { 
      color: blue; 
     } 
    } 
} 

:

.foo(...) { 
    color: red; 
} 

.foo(true) { 
    &:hover { 
     color: blue; 
    } 
} 

(나는하지 않았다 참고 이 코드를 dotless으로 테스트하십시오. 따라서 다른 사소한 비 호환성 문제를 해결해야 할 수도 있습니다.