Sass의 클래스에 대한 삼항 조건

Question

Sass에서 특히 클래스 객체에 대한 삼항 조건을 사용할 가능성이 있습니까? 같을 것이다 뭔가 :

[class*="fa-caret-"]{ 
    &:left ? 'top: -45' : 'top: 45'; 
} 

Answer 1

말대꾸 삼항 연산자는 함수 환경 내에서 가능하다. 원하는 것을 얻으려면 일종의 해결책을 찾아야합니다. 아마도 이와 같은 것일 수 있습니다.

@function isLeft($value) { 
    @return if($value, 45, -45); // ternary operator 
} 

[class*="fa-caret-"]{ 
    top: isLeft(true); 
} 

Answer 2

@ llobet의 답변은 훌륭하지만 변수를 사용할 수도 있습니다.

$position: left; 

[class*="fa-caret-"]{ 
    top: if($position == left, -45, 45); 
} 

$position: right;