if 조건문

if문

if(조건식1){
    조건식1이 참(true)일때 실행될 실행문....
}else if(조건식2){
    조건식2이 참(true)일때 실행될 실행문....
}else{
    조건식이 모두 거짓(false)일때 실행될 실행문....
}

scss 예제

  $scroll-button-top: null,
  $scroll-button-right: null,
  $scroll-button-bottom: null,
  $scroll-button-left: null
  
  
  @if $scroll-button-top == null {
        display: none;
      } @else {
        background-color: transparent;
        height: $scroll-button-top;
      }

변수에 null(비어있는값)을 넣어 놓고

만약 변수($scroll-button-top)의 값이 true(비어있다)면 display: none; 을주고

false(비어있지 않다면 ex. 10px)
background-color: transparent;
height: $scroll-button-top; 의 값을 준다