TIL | SCSS Control Directives / Expressions(조건과 반복)

if(함수)

조건의 값(true, false)에 따라 두 개의 표현식 중 하나만 반환한다.
Conditional Ternary Operator(조건부 삼항 연산자)와 비슷한 개념이다.

조건의 값이 true이면 표현식1을,
조건의 값이 false이면 표현식2를 실행한다.

if(조건, 표현식1, 표현식2)

SCSS

$width: 555px;

div {
  width: if($width > 300px, $width, null)
}

⬇️
CSS

div {
  width: 555px;
}