Barontiniネーミング規約モジュール注意:あなたのモジュールの名前は複数形でない限り、モジュールファイルは、単数形で名前を付ける必要があります。次のように:modules/_button.sassmodules/_grid.sassmodules/_form.sassモジュールは、ベースモジュール、サブモジュール、修飾子、および状態に分解される。あなたのモジュールまたはサブモジュールの名前が二つの単語の場合は、キャメルケースを使用してください。例:.moduleNameサブモジュールサブモジュールは別のモジュールにサブモジュールであることを示すためにハイフン-区切り文字を使います。‘.tab'とすることができます。サブモジュールのであると想定できます。修飾子モジュールまたはサブモジュールの修飾子には--を使ってください。次のように.module--modifier.module-submodule--modifier注意:モジュールとサブモジュール修飾変数は同じ規則が含まれています。is-module-submodule-stateパターンを使用してください。次のように.is-active.is-sidebar-toggled.is-nav-item-activeコンテクストモジュールまたはサブモジュールで特定のスタイルを持つコンテキストを追加するためにhas-を使用してください。relative注意:このアイデアはsuitcssから借用されています。注意:これは、Modifierとは異なり、ベース·モジュールのカスタム、代替スタイルを設定します。Settingsに記載されているように、変数は、モジュールと同じ命名規則に従う必要があります。ほとんどのグローバル変数(複数箇所、複数のコンテキストで使用される)は、$base-で始まります。いくつかの例を見てみましょう。