1

私style.lessはBootstrap 3.lessファイルをインポートし、出力するためにいくつかの変数をカスタマイズしますstyle.css:

@bs-less: "../../vendor/twbs/bootstrap/less";

// Core variables and mixins
@import "@{bs-less}/variables.less";
@import "@{bs-less}/mixins.less";

// Core CSS
@import "@{bs-less}/type.less";

// Customizations
@font-family-sans-serif:  "Open Sans Condensed", sans-serif;
@font-size-base: 18px; // override working
@font-size-h1:  floor(@font-size-base * 5); // originally 2.6 (46px) changed to 5

変数のカスタマイズは次のように@font-size-baseうまく機能します@font-family-sans-serif。

私が得ている問題は@font-size-h1(より一般的には@font-size-h*) であり、これは完全に無視されます。つまり、46px ですが、約 90px である必要があります。乗算を 2.6 から 5 に変更しました。

LESS の学習を始めたばかりですが、足りないものはありますか?

EDIT : in type.lessvariable@font-size-h1が実際に使用されています:

h1, .h1 { font-size: @font-size-h1; }
4

1 に答える 1

1 
@font-sizer: 10;
.test(@fs){font-size:@fs*5px;}
h1{.test(@font-sizer)}
@font-sizer: 20;

結果はコンパイラに依存するようです。コンパイラが少ないと、優先順位のルールが異なる可能性がありますか?

上記の結果は、lessc 1.4.2 (LESS Compiler) [JavaScript] で次h1 { font-size: 100px; }のようになります。h1 { font-size: 50px; }

参照: https://github.com/twbs/bootstrap/issues/8947

于 2013-10-05T11:16:38.193 に答える