これは、BEM/SMACSS を使用する CSS アーキテクチャでよく遭遇する状況です。他の開発者がそれをどのように処理しているかを知りたいです。
複数のサイトで使用する CSS モジュールのライブラリがあります。、 など.btn-groupのモジュール.nav-tabs
次に、非常にサイト固有の方法でスタイル設定されたモジュールに遭遇します。ライブラリ モジュールの 1 つを使用するには、あまりにもユニークです。
Sass/Less ファイルにその「サイト モジュール」のコードがあり、レイアウト スタイルなど、そのサイトの他のスタイル コードと共に保存します。「ライブラリ モジュール」には保存されません。
私の質問は、「サイトモジュール」と「ライブラリモジュール」を区別するために何かしていますか?
私は通常、この種の状況で意思決定を行うのに役立つ CSS のYAGNI 原則に従います。以下は、実際に必要なときに常に実装し、新しいモジュールにアプローチする必要があると予測したときではなく、サイト モジュールとしての生活を開始します。そのモジュールを複数のサイトで使用する必要があるときはいつでも、それをライブラリ モジュールに変えることを検討します。
この問題は、Levels of Definition の助けを借りて解決されます。主なアイデアは、ブロック (同じブロックの一部でも) をプロジェクトで結合する異なるレイヤーに分割できるということです。たとえば、ライブラリ レベル (またはいくつかのライブラリ) とプロジェクト レベルを使用することも、環境に応じて異なるレベルにすることもできます: すべてのプラットフォームに共通の部分と、デスクトップとタブレットに異なる部分などです。
詳細については、 http://bem.info/method/filesystem/を参照してください。