3

以下のようなコードを含む vars.less ファイルがあります。

@base: #96959A;
.ts_no{ text-shadow: none; }
.pos { position: absolute; z-index: 2; display: block; }

...

コンパイルされた vars.css:

.ts_no {
  text-shadow: none;
}
.pos {
  position: absolute;
  z-index: 2;
  display: block;
}

そして、vars.less (@import 'vars') を含むいくつかのファイルが少なくなっています。したがって、これらのファイルにはすべて vars.less スタイルがあります。したがって、コンパイルされたすべての css ファイルには、コンパイルされた vars.less ファイルのスタイルが含まれます。

スタイル.css:

.ts_no { text-shadow: none; }
.pos { position: absolute; z-index: 2; display: block; }

...

変数とミックスインを 1 つのファイルに格納し、すべてのファイルで繰り返さないための最良の方法は何ですか?

ありがとうございました

4

1 に答える 1

4

Probably the simplest way is just to define your mixins as parametric mixins, akin to "functions" in other languages. Of course, usually parametric mixins take parameters, but if yours don't need to accept any parameters, you can simply omit them and use empty parentheses.

That would mean re-writing your vars.less file like so:

@base: #96959A;
.ts_no() { text-shadow: none; }
.pos() { position: absolute; z-index: 2; display: block; }

And that will prevent the ruleset from appearing in your compiled CSS output whenever it is not explicitly used within another ruleset.

The documentation provides more details.

于 2012-04-17T05:23:28.603 に答える