css - 外部スタイルシートで Mixin LESS を使用する方法

Question

さまざまなスタイルシートでの less mixin の使用について質問があります。

初期スタイルのシートが 2 つあります: reset.less と styleguide.less

styleguide.less タイトルで mixin を定義するにはどうすればよいのでしょうか。

そして、リセットはそれを使用するだけです。

例：

**styleguide.less**

    .title() {
      text-decoration: underline;
    }


**reset.less**

    .h1 {
      .title();
    }

score 1 · Accepted Answer

その mixin を含むファイルを reset.less にインポートする必要があります。

共有 mixin の使用を開始する場合は、必要な場所にインポートする mixins ファイルを作成することをお勧めします。

インポートされたすべてのファイルの前に、のようなアンダースコアを付けます_mixins.less。

次に、このファイルを reset.less にインポートします。

@import: path/to/_mixins.less;

1 に答える 1