기존에 CSS를 사용하다보면 다음 처럼 속성을 적는 일이 많다.

.box{
	font-weight : ~;
	font-size: ~;
	font-family: ~;
}

이런 구조를 SCSS에선 다음과 같이 사용할 수 있다.

.box{
	font: {
		weight: bold;
		size: 10px;
		family: sans-serif;
	}; //주의할 점은 이렇게 꼭 ;를 찍어줘야함.

이는 꼭 JSON에서 객체를 사용하는 것과 유사하다.

쉽게 생각하면, {} 를 통해 font라는 네임스페이스를 사용하는 것으로도 이해할 수 있다.