sass
연산자

배정 연산자

(사스 결장 사용 : ) 변수에 값을 할당 연산자.

예

$foreColor: red;

p {
    color: $foreColor;
}

산술 연산자

Sass는 다음과 같은 표준 산술 연산자를 지원합니다.

예제들

p {
    font-size: 16px + 4px; // 20px
}

h3 {
    width: 2px * 5 + 12px; // 22px
}

h2 {
    width: 8px + (12px / 2) * 3; // 26px
}

정상적인 작동 순서가 평상시와 같이 적용됩니다.

비교 연산자

Sass는 일반적인 비교 연산자 인 < , > , == != , <= , >= 합니다.

예제들

(10px == 10) // Returns true

("3" == 3) // Returns false

$padding: 10px;
$padding <= 8px; // Returns false