css - レールでLESS要素を使用するには?

Question

http://lesselements.com/で LESS Elements を使用しようとしました LESS Elementsをダウンロードし、次のようにインポートしました。

@import "elements.less";

私のapplication.html.hamlでは、次のように使用しようとしました：

.row{:style=>'height: 105px; gradient(#00F5F5, #EEE, #FFF);'}

上記の行クラスを見るとわかるように、私はすでに Twitter ブートストラップを使用しています。しかし、結果の div は真っ白です。

score 0 · Accepted Answer

Mixin は「.」で始まります。

.row{ style: "height: 105px; .gradient(#00F5F5, #EEE, #FFF);" }

代わりに、クラスを使用してこれを行うこともできます (実行時の効率が向上します)。

your_controller.css.less

@import "elements.less"
.gradient-row {
   .gradient(#00F5F5, #EEE, #FFF);
}

your_view.html.haml

.row.gradient-row{style: "height: 105px;"}

1 に答える 1