Dart Sass 의 calc() 내에서 / 삭제될 예정

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Sass 내에서 일부는 /를 나누기 연산으로 처리하고, 다른 일부는 구분 기호로 처리한다.

사용자가 /의 의미를 구분하기 어렵고, 작업하기 어렵게 만든다.

 

1. 나누기 대신 소수 곱하기
   calc($val / 2) 대신 calc($val * 0.5)를 사용한다.
   => 소수의 값이 무한소수일 경우 대응이 어렵다.
   
   
2. Sass 내장 함수 math.div() 사용하기
   @use "sass:math"; 를 선언해서 내장 함수를 가져온다.
   * SassError: @use rules must be written before any other rules.
   => @use 는 다른 소스들보다 먼저 선언되어야 한다. 소스 중간에 추가하면 안된다.
   math.div(value, divider);

@use "sass:math";
math.div(value, divider);

math.div(100, 5); /* 20 */

 

 

📌 꼭 읽어주세요!

https://sass-lang.com/documentation/breaking-changes/slash-div

Sass: Breaking Change: Slash as Division