SCSS에는 함수도 있다…

이는 @mixin 과는 다른 구조이다. @mixin 은 단순 스타일의 모음이라고 생각하자. 반면 함수는 산술연산을 지원한다.

SCSS에서는 @funcion 키워드를 이용해 함수를 만든다.

@function ratio($size, $ratio) {
	@return $size * $ratio
}

.box {
	$width : 100px;
	width: $width;
	ehight: ratio($width, 9/16);
	@include center;