SCSS - 산술 연산

SCSS 에서는 각 속성에 값을 넣어 줄때 사칙연산을 사용해서 입력할 수 있다.

이때 나누기 연산은 그냥 사용하면 단축속성과 혼돈될 수 있기 때문에 적용이 안된다.

따라서 괄호() 를 사용해서 연산을 하던가 변수를 이용해서 나누기 연산을 할 수 있다.

또한 연산을 할 때 기본적으로 단위는 같아야 한다.

서로 단위가 다를때는 calc() 함수를 이용해서 사용할 수 있다.

 

사칙연산 예제

 

calc 함수 예제