SASS의 연산자와 색깔함수

SASS색함수

darken : 어둡게
lighten : 밝게
saturate : 더 선명하게(높은 채도)
desaturate : 더 흐리게(낮은 채도)
adjust-hue : 명도 변경
rgba : alpha값 변경

사용방법

background-color: 함수(변수,숫자)

SASS연산자

SASS는 연산기능을 지원하고 있다.
사칙연산을 지원한다. +(더하기), -(빼기), *(곱하기), /(나누기)

width : 100px + 100px;//더하기
height : 150px - 100px;//빼기
width : 100px * 2;//곱하기
height : (150px/2);//나누기

나누기를 할때는 꼭 괄호()를 써줘야 한다.
이유는 CSS를 축약 할때 /를 허용하기 때문에 괄호()사용하지 않는다면 이 /가 연산기능인지 아니면 축약을 위해 사용한건지 SCSS가 모르기 때문이다.