問題タブ [lesshat]

私はlesshatで作業しようとしました。プロジェクトのルート フォルダーに lesshat.less mixins ライブラリをアップロードしました。そして、セレクターと mixin 呼び出しを 1 つだけ使用して、lesshat-tests.less という 1 つの .less ファイルを作成しました。

そのファイルを Webstorm レス css コンパイラ プラグインでコンパイルし、node.js モジュール レス コマンド lessc を使用してコンパイルしようとしました。Lessc は空のファイルを作成し、webstorm プラグインは、プラグインが JS 関数を評価できないことを示すエラーを生成します。

いくつかの関数を使用してこの mixin を見ました。しかし、less 内での JS の使用に関する情報は得られません。お願い助けて。

人気の LESS ライブラリである LessHat を Brunch テンプレートで利用できるようにしたいのですが、次のような方法で実現したいと考えています。

• Bower との統合を利用して、常に最新の
• ライブラリを CSS にトランスパイルするのではなく、自分のカスタム LESS ファイルで LESS を利用できるようにしたい

これは可能ですか？一歩遠すぎる？明らかに、静的な LESS ファイルをディレクトリに配置するのは難しくありませんapp/stylesheetsが、これによりリンクが静的になり、Bower の統合がうまくいきません。

奇妙な問題があります: 私が構築したサイトは、flexbox と LESSHAT を使用しています。私が遭遇する奇妙なことは、正しくレンダリングされないことです。つまり、フレックスボックスが省略されているようです。

ただし、F12 を押してページをリロードすると、レンダリングされるはずです。

なにが問題ですか？

更新- これはコードです:

スタイル CSS は、次の LESS ファイルからコンパイルされます。

私は比較的LESSに慣れていません。これは印象的で、これまでの作業をとても楽しんでいますが、知りたいのは、ミックスイン関数によって生成された結果を使用して、それらを文字列と連結できるかどうかです。キーフレーム アニメーションを生成する関数を含む、多数の Mixin 関数を提供する LESShat の例を含めます。キーフレーム関数にプロパティを含む文字列を渡す必要があるという問題があり、CSS プロパティの代わりに LESShat ライブラリの他の mixin を使用して、そのようなキーフレーム アニメーションを生成したいと考えています。

元の .less ファイル:

結果の .css ファイル:

キーフレーム アニメーションにはまだスキュー関数が含まれており、スキュー関数によって返される値は含まれていないため、意図したものとは明らかに異なります。問題は、文字列内の LESShat から他の mixin を渡そうとしていることだと思います。では、LESS で文字列と mixin 関数を連結する方法はありますか? 心に留めておいてください、私は完全に NEWB から LESS です。クロスブラウザー変換を独自に作成する必要はありません。LESS を使用してすべて自動化できれば、すばらしいと思います。私は明らかにそれを間違っています。

次のリンクでは、LESShat の .keyframes および .skew 関数について説明していますが、言及されている 2 つの混合については何もわかりません。多分私はどういうわけかその部分を見逃しました。 https://github.com/madebysource/lesshat/blob/master/README.md

次の例では、LESS HAT Mixin Lib 3.0.2 を使用しています。

ここでの答えが最善の解決策であるかどうかはよくわかりません: キーフレームの CSS Less mixins

複数の mixin を に収める方法を探していkeyframesます。