프론트엔드-코드/SCSS

변수

sdafdq 2023. 9. 11. 17:32
.box{
  $size : 100px;

  position: fixed;
  top: $size;
  .item{
    $size:200px;
    width: $size;
    height: $size;
    transform: translate($size);
    background-color: orange;
  }
}

이렇게 지역변수로 쓸 수 있음.

 

또, 재선언도 가능함. 

 

참고로 얘는 호이스팅이 안됨.

'프론트엔드-코드 > SCSS' 카테고리의 다른 글

@mixin  (0) 2023.09.11
연산  (0) 2023.09.11
네임스페이스로 정의  (0) 2023.09.11
주석  (0) 2023.09.11
변수  (0) 2023.09.01