CSS 모듈 다른 파일의 셀렉터에서 어떻게 캐스케이드합니까?

Question

두 파일이 있습니다.

tab.less 입니다.

tab { 
    display: inline-block; 
    font-size: 14px; 
} 

및 tabs.less

.tabs { 
    border-bottom: 1px solid @grey; 

    .tab { 
     margin-right: 24px; 
    } 
} 

질문 이제 CSS - 로더가 선한 일 두 개의 서로 다른 선택기를 생성하기 때문에 다른 파일에서 선택기를 가져,하지만 난 그것을 말할 필요가하는 방법을 거기해야 다른 파일에서 셀렉터가 될 수 있습니다. 감사합니다. .

Answer 1

composition을 사용해보세요.

tab.less

.tab { 
    display: inline-block; 
    font-size: 14px; 
} 

tabs.less

.tabs { 
    border-bottom: 1px solid @grey; 

    .tab { 
     composes: tab from './tab.less'; 
     margin-right: 24px; 
    } 
} 

는 또한 CSS-모듈 가장 인기 있고 유용한 경우에이 문서 확인 - http://andrewhfarmer.com/css-modules-by-example/#example-5-composition가