2

アプリでtwitter-bootstrap-railsと一緒に使用しているcssが少なく、独自のカスタムless変数を作成する方法がわかりません。でカスタムカラーパレットを定義するために使用したいstylesheets/globals/variables.css.lessというファイルを作成しました。

カスタムカラー変数を使用したい他のスタイルシートにそのファイルをインポートしようとしましたが、未定義の変数エラーが発生し続けます。

twitter-bootstraprailsgemから変数を持ち込むことに問題はありません。たとえば、@ import "twitter / bootstrap / bootstrap"; booststrap_and_overrides.css.lessファイルでは問題なく動作します。

これを修正する唯一の方法は、rake Assets：precompileを実行することですが、これは実行可能なソリューションではありません。実行時に変数を使用する方法はありますか？

4

2 に答える 2

4

私も同様の問題に遭遇したと思います。カスタム変数ファイルの名前を次のように変更することで、問題を修正しました。

my_custom_variables.less

と追加：

@import "my_custom_variables";

カスタム変数を参照するCSSファイルの先頭に移動します。

于 2012-06-05T20:41:31.263 に答える
0

今これを行うためのより良い方法はありますか？特に、モデルごとに個別のスタイルシートのレール規則を使用する場合は、アプリで使用するスタイルシートごとに変数をインポートする必要があるのは非常に難しいようです。

于 2012-08-26T15:54:58.590 に答える