CSSモジュール別のファイルのセレクタからカスケードする方法は？

Question

私は2つのファイルを持っています

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 { 
    display: inline-block; 
    font-size: 14px; 
} 

tabs.less

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

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

tab.lessはまた、CSS-モジュールで最も人気のあると便利な例で、この記事をチェック - http://andrewhfarmer.com/css-modules-by-example/#example-5-composition