// mixin 은 css코드의 모음.
// 함수는 연산을 통해 값을 반환한다.
@mixin cecnter {
	display: flex;
	justify-content: center;
	align-itemls: center;
}

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

.box {
	$width: 100px;
	width: $width;
	height: ratio($width, 1/2);
	@include center;
}