문법 - 연산

연산(Operations)

Sass는 기본적인 연산 기능을 지원한다.
레이아웃 작업시 상황에 맞게 크기를 계산을 하거나 정해진 값을 나눠서 작성할 경우 유용하다.
다음은 Sass에서 사용 가능한 연산자 종류 이다.

 

 

산술 연산자

종류	설명	주의사항
+	더하기
-	빼기
*	곱하기	하나 이상의 값이 반드시 숫자(Number) --> 단위가 붙어있는 숫자끼리는 계산이 안됨      (예_ 10px * 10px 은 오류)      (예_ 10px * 10 = 100px 오류아님)
/	나누기	오른쪽 값이 반드시 숫자(Number) --> 단위가 붙어있는 숫자끼리는 계산이 안됨      (예_ 10px / 10px 은 오류)      (예_ 10px / 10 = 1px 오류아님)
%	나머지

 

 

비교 연산자

종류	설명
==	동등
!=	부등
<	대소 / 보다 작은
>	대소 / 보다 큰
<=	대소 및 동등 / 보다 작거나 같은
>=	대소 및 동등 / 보다 크거나 같은

 

 

논리(불린, Boolean) 연산자

종류	설명
and	그리고
or	또는
not	부정