SCSS - 연산

연산(Operations)

산술 연산자 : +, -, *, /, %.

비교 연산자 : ==, !=, <, >, <=, >=.

논리 연산자 : and, or, not.

-

숫자(Numbers)

상대적 단위 연산 px 이 아닌 상대적 단위(%, em, vw 등)의 연산의 경우 CSS calc()로 연상해야 함.

-

문자(Strings)

문자 연산에는 +가 사용됨.

문자 연산의 결과는 첫 번째 피연산자가 기준.

첫 번째 피연산자에 따옴표가 붙어있다면 결과는 따옴표로 붙어있지 않다면 결과도 따옴표 처리 안함.

-

색상(colors)

색상도 연산 가능.

Alpha 값을 연산하기 위한 색상 함수를 사용할 수 있음.

opacify(), transparentize()

-

논리(Boolean)

@if 조건문에서 사용됨.