LESS의 네임 스페이스 인 SCSS는 클래스 묶음

Question

트위터 부트 스트랩의 2.0-wip 브랜치를 살펴본 결과, 변수와 믹스 닝을 묶을 수있는 방법이 없다는 것을 알게되었습니다. 아래 예제 코드를 참조하십시오.

#font { 
    #family { 
    .serif() { 
     font-family: Georgia, "Times New Roman", Times, serif; 
    } 
    .sans-serif() { 
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    } 
    .monospace() { 
     font-family: Menlo, Monaco, Courier New, monospace; 
    } 
    } 
    .shorthand(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) { 
    font-size: @size; 
    font-weight: @weight; 
    line-height: @lineHeight; 
    } 
    .serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) { 
    #font > #family > .serif; 
    #font > .shorthand(@size, @weight, @lineHeight); 
    } 
    .sans-serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) { 
    #font > #family > .sans-serif; 
    #font > .shorthand(@size, @weight, @lineHeight); 
    } 
    .monospace(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) { 
    #font > #family > .monospace; 
    #font > .shorthand(@size, @weight, @lineHeight); 
    } 
} 

해당 SCSS는 무엇입니까? 위의 내용을 SCSS에 어떻게 다시 써야합니까?

Answer 1

불행히도, 이것은 SCSS에서 누락 된 기능 중 하나입니다. 이 질문에 대한 대답은 입니다.과 동일한 SCSS가 없습니다. SCSS 호환 방식으로 다시 작성해야합니다. 예를 들어 내 SCSS Twitter Bootstrap fork에 내 재 작성을보십시오 (언급 한 예제를 사용하십시오).

P. 그 포크를 사용하지 마십시오. 지금 당장은 유지 관리되지 않으며 아마도 공식 트위터 부트 스트랩의 wiki에서 언급 한 포크를 사용하는 것이 좋습니다. (details)