컨테이너를 포함하는 @ 기호는 무엇입니까?

Question

나는 Compass와 Susy를 시작하려고합니다. 내 목표는 내 레이아웃을 전화, 태블릿 및 데스크톱 화면 크기에 맞게 조정하는 것입니다. Susy 예 (susy.oddbird.net 또는 SO question)에는 화면 크기에 적합한 열 수를 갖는 패턴이 있습니다.

.container { 
    @include container; 

    @include desktop { 
    @include container; 
    } 
} 

내 질문에 지금 : 특히, 이와 같은 중첩 된 규칙이 있습니다 컨테이너 {@include 컨테이너}은 무엇입니까? 그리고, 왜 다시 데스크탑에 포함됩니까?

Answer 1

container mixin은 페이지의 너비를 설정합니다. 너비가 변경되어야하는 경우 (적응 형 레이아웃에서와 같이) 다른 중단 점에서이를 반복하기 만하면됩니다. 유체 그리드를 사용하는 경우 반복 할 필요가 없습니다.